Merge pull request #132 from ttaerrim/react-query-setting

[Feat] React-Query 초기 세팅

app/frontend/package.json

@@ -25,6 +25,7 @@
     "@fullcalendar/core": "^6.1.9",
     "@fullcalendar/daygrid": "^6.1.9",
     "@hookform/resolvers": "^3.3.2",
+    "@lukemorales/query-key-factory": "^1.3.2",
     "@tanstack/react-query": "^5.8.1",
     "@tanstack/react-query-devtools": "^5.8.1",
     "@vanilla-extract/css": "^1.14.0",

app/frontend/src/main.tsx

@@ -1,6 +1,8 @@
 import React from 'react';
 import { CookiesProvider } from 'react-cookie';
 
+import { QueryClientProvider, QueryClient } from '@tanstack/react-query';
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import ReactDOM from 'react-dom/client';
 
 import App from './App';
@@ -15,11 +17,16 @@ async function enableMocking() {
   return worker.start();
 }
 
+const queryClient = new QueryClient();
+
 enableMocking().then(() => {
   ReactDOM.createRoot(document.getElementById('root')!).render(
     <React.StrictMode>
       <CookiesProvider>
-        <App />
+        <QueryClientProvider client={queryClient}>
+          <App />
+          <ReactQueryDevtools initialIsOpen={false} />
+        </QueryClientProvider>
       </CookiesProvider>
     </React.StrictMode>,
   );

app/frontend/src/styles/global.css.ts

@@ -0,0 +1,5 @@
+import { globalStyle } from '@vanilla-extract/css';
+
+globalStyle('.tsqd-parent-container', {
+  fontSize: '1.6rem',
+});

app/frontend/src/styles/index.ts

@@ -1,3 +1,4 @@
 export * as fontStyle from './font.css';
+export * as global from './global.css';
 export * as reset from './reset.css';
 export { vars } from './theme.css';