From 93bbc8e0925f6511d359a91abd9a6fb023b837cf Mon Sep 17 00:00:00 2001
From: Black Ram <67595890+BlackRam-oss@users.noreply.github.com>
Date: Mon, 14 Oct 2024 15:51:51 +0200
Subject: [PATCH 1/2] Used libraries

---
 README.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/README.md b/README.md
index 4dd969a..2e89531 100644
--- a/README.md
+++ b/README.md
@@ -64,12 +64,14 @@ Core libraries:
 * [PWA Vite Plugin](https://vite-pwa-org.netlify.app): A Vite plugin that provides PWA support. This allows the possibility of installing the game as a Progressive Web App.
 * [Recoil](https://recoiljs.org/): A state management library for React.
 * [React Router](https://reactrouter.com/): A library that provides routing for React applications.
+* [Tanstack Query](https://tanstack.com/tanstack-query/): A library that provides a set of tools for getting, caching, and updating game data.
 
 UI libraries:
 
 * [Mui Joy](https://mui.com/joy-ui/getting-started/): A React UI framework that provides a set of components and styles for building a website.
 * [Framer Motion](https://www.framer.com/motion/): A simple yet powerful motion library for React.
 * [Notistack](https://iamhosseindhv.com/notistack): A library that provides snackbar notifications for React.
+* [React Color Palette](https://www.npmjs.com/package/react-color-palette): A library that provides a color picker for React.
 
 Text libraries:
 

From b14b8191f72ec652c91b44d83198e92c788764fa Mon Sep 17 00:00:00 2001
From: Black Ram <67595890+BlackRam-oss@users.noreply.github.com>
Date: Mon, 14 Oct 2024 17:06:07 +0200
Subject: [PATCH 2/2] ReactQueryDevtools

---
 package-lock.json | 30 ++++++++++++++++++++++++++++++
 package.json      |  1 +
 src/Home.tsx      |  9 +++++++++
 3 files changed, 40 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index 6c1181a..ddf94a8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -32,6 +32,7 @@
         "vite-plugin-checker": "^0.8.0"
       },
       "devDependencies": {
+        "@tanstack/react-query-devtools": "^5.59.13",
         "@types/react": "^18.3.11",
         "@types/react-dom": "^18.3.1",
         "@typescript-eslint/eslint-plugin": "^8.8.1",
@@ -3326,6 +3327,17 @@
         "url": "https://github.com/sponsors/tannerlinsley"
       }
     },
+    "node_modules/@tanstack/query-devtools": {
+      "version": "5.58.0",
+      "resolved": "https://registry.npmjs.org/@tanstack/query-devtools/-/query-devtools-5.58.0.tgz",
+      "integrity": "sha512-iFdQEFXaYYxqgrv63ots+65FGI+tNp5ZS5PdMU1DWisxk3fez5HG3FyVlbUva+RdYS5hSLbxZ9aw3yEs97GNTw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
     "node_modules/@tanstack/react-query": {
       "version": "5.59.13",
       "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.59.13.tgz",
@@ -3342,6 +3354,24 @@
         "react": "^18 || ^19"
       }
     },
+    "node_modules/@tanstack/react-query-devtools": {
+      "version": "5.59.13",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-query-devtools/-/react-query-devtools-5.59.13.tgz",
+      "integrity": "sha512-6RW9jjJPeIUxu/rAy7W2a4cCOFp46Tv2LY2pOS4m5s8vqOSvI8dkizvOq+GmLGtI2E+QjoeZbEOGKDSmqDynWg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/query-devtools": "5.58.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "@tanstack/react-query": "^5.59.13",
+        "react": "^18 || ^19"
+      }
+    },
     "node_modules/@types/babel__core": {
       "version": "7.20.5",
       "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
diff --git a/package.json b/package.json
index 2eca567..37ba3a8 100644
--- a/package.json
+++ b/package.json
@@ -35,6 +35,7 @@
     "vite-plugin-checker": "^0.8.0"
   },
   "devDependencies": {
+    "@tanstack/react-query-devtools": "^5.59.13",
     "@types/react": "^18.3.11",
     "@types/react-dom": "^18.3.1",
     "@typescript-eslint/eslint-plugin": "^8.8.1",
diff --git a/src/Home.tsx b/src/Home.tsx
index cf70313..c32dac4 100644
--- a/src/Home.tsx
+++ b/src/Home.tsx
@@ -1,3 +1,5 @@
+import { Box } from '@mui/joy';
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import Routes from './AppRoutes';
 import ApImports from './Imports';
 import EventInterceptor from './interceptors/EventInterceptor';
@@ -13,6 +15,13 @@ export default function Home() {
             <GameSaveScreen />
             <SaveLoadAlert />
             <EventInterceptor />
+            <Box
+                sx={{
+                    pointerEvents: "auto",
+                }}
+            >
+                <ReactQueryDevtools initialIsOpen={false} />
+            </Box>
         </ApImports>
     )
 }