Merge pull request #1072 from JoeMakuta/feature/defer-react-query-devtools

feat: add dynamic import  and dev only render of ReactQueryClientProvider
This commit is contained in:
Rohan Verma 2026-04-01 13:05:52 -07:00 committed by GitHub
commit 4d501be034
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -1,13 +1,18 @@
"use client";
import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
import dynamic from "next/dynamic";
import { QueryClientAtomProvider } from "jotai-tanstack-query/react";
import { queryClient } from "./client";
const ReactQueryDevtools = dynamic(
() => import("@tanstack/react-query-devtools").then((m) => ({ default: m.ReactQueryDevtools })),
{ ssr: false }
);
export function ReactQueryClientProvider({ children }: { children: React.ReactNode }) {
return (
<QueryClientAtomProvider client={queryClient}>
{children}
<ReactQueryDevtools initialIsOpen={false} />
{process.env.NODE_ENV === "development" && <ReactQueryDevtools initialIsOpen={false} />}
</QueryClientAtomProvider>
);
}