chore(time): install react-query & react-query-devtools (#97)

kgu-clab · Aug 17, 2024 · 59104f3 · 59104f3
1 parent 3b3cb40
commit 59104f3
Show file tree

Hide file tree

Showing 3 changed files with 54 additions and 5 deletions.
diff --git a/apps/time/package.json b/apps/time/package.json
@@ -13,6 +13,8 @@
     "@clab-platforms/design-system": "workspace:*",
     "@clab-platforms/icon": "workspace:^",
     "@clab-platforms/utils": "workspace:*",
+    "@tanstack/react-query": "^5.51.23",
+    "@tanstack/react-query-devtools": "^5.40.1",
     "jotai": "^2.9.2",
     "next": "14.1.4",
     "react": "^18",

diff --git a/apps/time/src/shared/utils/Providers.tsx b/apps/time/src/shared/utils/Providers.tsx
@@ -2,8 +2,18 @@
 
 import { PropsWithChildren } from 'react';
 
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
+
 import { Provider } from 'jotai';
 
 export default function Providers({ children }: PropsWithChildren) {
-  return <Provider>{children}</Provider>;
+  const queryClient = new QueryClient();
+
+  return (
+    <QueryClientProvider client={queryClient}>
+      <Provider>{children}</Provider>
+      <ReactQueryDevtools initialIsOpen={false} />
+    </QueryClientProvider>
+  );
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml