Fix mock mode transition to regular mode on login (#361)

front/src/AppWrapper.tsx

@@ -0,0 +1,28 @@
+import { StrictMode } from 'react';
+import { BrowserRouter } from 'react-router-dom';
+import { ApolloProvider } from '@apollo/client';
+import { useRecoilState } from 'recoil';
+
+import { isMockModeState } from '@/auth/states/isMockModeState';
+
+import { AppThemeProvider } from './providers/AppThemeProvider';
+import { AuthProvider } from './providers/AuthProvider';
+import { apiClient, mockClient } from './apollo';
+import { App } from './App';
+
+export function AppWrapper() {
+  const [isMockMode] = useRecoilState(isMockModeState);
+  return (
+    <ApolloProvider client={isMockMode ? mockClient : apiClient}>
+      <BrowserRouter>
+        <AuthProvider>
+          <AppThemeProvider>
+            <StrictMode>
+              <App />
+            </StrictMode>
+          </AppThemeProvider>
+        </AuthProvider>
+      </BrowserRouter>
+    </ApolloProvider>
+  );
+}