pl-fe: allow using tanstack query devtools browser extension

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>

packages/pl-fe/package.json

@@ -66,9 +66,8 @@
     "@tailwindcss/forms": "^0.5.10",
     "@tailwindcss/typography": "^0.5.16",
     "@tanstack/react-pacer": "^0.16.4",
-    "@tanstack/react-query": "^5.62.11",
+    "@tanstack/react-query": "^5.84.1",
     "@tanstack/react-router": "^1.141.6",
-    "@tanstack/react-router-devtools": "^1.141.6",
     "@transfem-org/sfm-js": "^0.24.6",
     "@twemoji/svg": "^15.0.0",
     "@uidotdev/usehooks": "^2.4.1",

packages/pl-fe/src/queries/client.ts

@@ -11,4 +11,14 @@ const queryClient = new QueryClient({
   },
 });
 
+// This code is only for TypeScript
+declare global {
+  interface Window {
+    __TANSTACK_QUERY_CLIENT__: QueryClient;
+  }
+}
+
+// This code is for all users
+window.__TANSTACK_QUERY_CLIENT__ = queryClient;
+
 export { queryClient };