diff --git a/apps/spu-ui/src/trpc/react.tsx b/apps/spu-ui/src/trpc/react.tsx
index 954e6c7..c2d9516 100644
--- a/apps/spu-ui/src/trpc/react.tsx
+++ b/apps/spu-ui/src/trpc/react.tsx
@@ -1,8 +1,9 @@
 "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";
@@ -10,15 +11,6 @@ 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") {