feat: recoil Provider 적용 #47

woowacourse-teams · Jul 23, 2024 · fa51ac4 · fa51ac4
1 parent aeb97fe
commit fa51ac4
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/frontend/src/index.tsx b/frontend/src/index.tsx
@@ -1,6 +1,7 @@
 import { Global, ThemeProvider } from '@emotion/react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import ReactDOM from 'react-dom/client';
+import { RecoilRoot } from 'recoil';
 
 import App from './App';
 import GlobalStyle from './styles/GlobalStyle';
@@ -21,10 +22,12 @@ const enableMocking = async () => {
 enableMocking().then(() => {
   ReactDOM.createRoot(document.getElementById('root')!).render(
     <QueryClientProvider client={queryClient}>
-      <ThemeProvider theme={Theme}>
-        <Global styles={GlobalStyle} />
-        <App />
-      </ThemeProvider>
+      <RecoilRoot>
+        <ThemeProvider theme={Theme}>
+          <Global styles={GlobalStyle} />
+          <App />
+        </ThemeProvider>
+      </RecoilRoot>
     </QueryClientProvider>,
   );
 });
diff --git a/frontend/src/mocks/wrapper.tsx b/frontend/src/mocks/wrapper.tsx
@@ -1,6 +1,7 @@
 import { Global, ThemeProvider } from '@emotion/react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { PropsWithChildren } from 'react';
+import { RecoilRoot } from 'recoil';
 
 import GlobalStyle from '@/styles/GlobalStyle';
 import { Theme } from '@/styles/Theme';
@@ -16,10 +17,12 @@ const queryClient = new QueryClient({
 const wrapper = ({ children }: PropsWithChildren) => {
   return (
     <QueryClientProvider client={queryClient}>
-      <ThemeProvider theme={Theme}>
-        <Global styles={GlobalStyle} />
-        {children}
-      </ThemeProvider>
+      <RecoilRoot>
+        <ThemeProvider theme={Theme}>
+          <Global styles={GlobalStyle} />
+          {children}
+        </ThemeProvider>
+      </RecoilRoot>
     </QueryClientProvider>
   );
 };