Merge pull request #22 from cnpem/fix-react-query-devtools

fix(spu-ui): react-query devtools

apps/spu-ui/src/trpc/react.tsx

@@ -1,24 +1,16 @@
 "use client";
 
 import type { QueryClient } from "@tanstack/react-query";
-import { lazy, useState } from "react";
+import { useState } from "react";
 import { QueryClientProvider } from "@tanstack/react-query";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { loggerLink, unstable_httpBatchStreamLink } from "@trpc/client";
 import { createTRPCReact } from "@trpc/react-query";
 import superJSON from "superjson";
 import type { AppRouter } from "@sophys-web/api";
 import { env } from "../env";
 import { createQueryClient } from "./query-client";
 
-const ReactQueryDevtools =
-  env.NODE_ENV === "production"
-    ? () => null
-    : lazy(() =>
-        import("@tanstack/react-query-devtools").then((mod) => ({
-          default: mod.ReactQueryDevtools,
-        })),
-      );
-
 let clientQueryClientSingleton: QueryClient | undefined;
 const getQueryClient = () => {
   if (typeof window === "undefined") {