feat: storybook에 OverlayProvider 적용

woowacourse-teams · May 12, 2024 · e355b22 · e355b22
1 parent 0e6b601
commit e355b22
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/frontend/.storybook/preview.tsx b/frontend/.storybook/preview.tsx
@@ -1,11 +1,12 @@
 import { initialize, mswLoader } from 'msw-storybook-addon';
 import type { Preview } from '@storybook/react';
-import GlobalStyles from '../src/shared/styles/GlobalStyles';
 import { ThemeProvider } from 'styled-components';
-import theme from '../src/shared/styles/theme';
 import { BrowserRouter } from 'react-router-dom';
 import AuthProvider from '@/features/auth/components/AuthProvider';
 import handlers from '@/mocks/handlers';
+import { OverlayProvider } from '@/shared/hooks/useOverlay';
+import GlobalStyles from '@/shared/styles/GlobalStyles';
+import theme from '@/shared/styles/theme';
 
 const customViewport = {
   xxl: {
@@ -87,10 +88,12 @@ const preview: Preview = {
     (Story) => (
       <AuthProvider>
         <ThemeProvider theme={theme}>
-          <BrowserRouter>
-            <GlobalStyles />
-            <Story />
-          </BrowserRouter>
+          <OverlayProvider>
+            <BrowserRouter>
+              <GlobalStyles />
+              <Story />
+            </BrowserRouter>
+          </OverlayProvider>
         </ThemeProvider>
       </AuthProvider>
     ),