From 5bb70f5abe6c61185a4f4d011dc83a1c6bbf49d7 Mon Sep 17 00:00:00 2001
From: Clumsy-Coder <19594044+Clumsy-Coder@users.noreply.github.com>
Date: Sat, 30 Dec 2023 12:46:05 -0700
Subject: [PATCH] chore: add ReactQuery devtools

to be removed
---
 package-lock.json           | 26 ++++++++++++++++++++++++++
 package.json                |  1 +
 src/provider/ReactQuery.tsx |  2 ++
 3 files changed, 29 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index 32b0c0c..b6449a1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,6 +11,7 @@
         "@radix-ui/react-dropdown-menu": "^2.0.6",
         "@radix-ui/react-slot": "^1.0.2",
         "@tanstack/react-query": "^5.15.5",
+        "@tanstack/react-query-devtools": "^5.15.5",
         "axios": "^1.6.3",
         "class-variance-authority": "^0.7.0",
         "clsx": "^2.0.0",
@@ -1776,6 +1777,15 @@
         "url": "https://github.com/sponsors/tannerlinsley"
       }
     },
+    "node_modules/@tanstack/query-devtools": {
+      "version": "5.15.0",
+      "resolved": "https://registry.npmjs.org/@tanstack/query-devtools/-/query-devtools-5.15.0.tgz",
+      "integrity": "sha512-oz+xBIf+fanmAQ3CZrV4t+1VZiK2nyTcH3zY3G8ukzw+LwX2QGa04ZfF+OCOVF6tPZ2dn1cekMibUb4tevf/aw==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
     "node_modules/@tanstack/react-query": {
       "version": "5.15.5",
       "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.15.5.tgz",
@@ -1791,6 +1801,22 @@
         "react": "^18.0.0"
       }
     },
+    "node_modules/@tanstack/react-query-devtools": {
+      "version": "5.15.5",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-query-devtools/-/react-query-devtools-5.15.5.tgz",
+      "integrity": "sha512-AixLsTYGB52Ou7snhbW4QlTHZ347VJOl+wjXqiLlK9/oENxpaVI92Nl4VIsGiVRrscwv5lRMYUGucM+UYShyEQ==",
+      "dependencies": {
+        "@tanstack/query-devtools": "5.15.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "@tanstack/react-query": "^5.15.5",
+        "react": "^18.0.0"
+      }
+    },
     "node_modules/@types/json5": {
       "version": "0.0.29",
       "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
diff --git a/package.json b/package.json
index 36e7559..eab472a 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
     "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-slot": "^1.0.2",
     "@tanstack/react-query": "^5.15.5",
+    "@tanstack/react-query-devtools": "^5.15.5",
     "axios": "^1.6.3",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
diff --git a/src/provider/ReactQuery.tsx b/src/provider/ReactQuery.tsx
index 48fec7e..3051fdc 100644
--- a/src/provider/ReactQuery.tsx
+++ b/src/provider/ReactQuery.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import { QueryClientProvider, QueryClient } from "@tanstack/react-query";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { PropsWithChildren, useState } from "react";
 
 const ReactQueryProvider = ({ children }: PropsWithChildren) => {
@@ -9,6 +10,7 @@ const ReactQueryProvider = ({ children }: PropsWithChildren) => {
   return (
     <QueryClientProvider client={queryClient}>
       {children}
+      <ReactQueryDevtools initialIsOpen={false} />
     </QueryClientProvider>
   );
 };