diff --git a/.storybook/preview.ts b/.storybook/preview.tsx
similarity index 58%
rename from .storybook/preview.ts
rename to .storybook/preview.tsx
index f99c9230..1b5481a1 100644
--- a/.storybook/preview.ts
+++ b/.storybook/preview.tsx
@@ -1,6 +1,15 @@
import type { Preview } from "@storybook/nextjs-vite";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import "../src/_app/styles/globals.css";
+const queryClient = new QueryClient({
+ defaultOptions: {
+ queries: {
+ retry: false, // 테스트 환경이므로 재시도 방지
+ },
+ },
+});
+
const preview: Preview = {
parameters: {
controls: {
@@ -21,6 +30,14 @@ const preview: Preview = {
test: "todo",
},
},
+
+ decorators: [
+ (Story) => (
+
+
+
+ ),
+ ],
};
export default preview;
diff --git a/app/layout.tsx b/app/layout.tsx
index 5c1d28bd..e1e0f499 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,8 +1,9 @@
import QueryProviders from "@/app/_providers/query-providers";
+import { ResponsiveLayout } from "@/src/shared/layout/responsive-layout";
+import Toast from "@/src/shared/ui/toast";
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "../src/_app/styles/globals.css";
-import { ResponsiveLayout } from "@/src/shared/layout/responsive-layout";
const geistSans = Geist({
variable: "--font-geist-sans",
@@ -31,6 +32,7 @@ export default function RootLayout({
>
{children}
+