apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-04-25 08:46:22 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add dynamic import and dev only render of ReactQueryClientProvider

Browse source
This commit is contained in:
JoeMakuta 2026-04-01 16:10:27 +02:00
parent b1631cd6f1
commit e6ec589e12
1 changed files with 7 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

9
surfsense_web/lib/query-client/query-client.provider.tsx
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>
);
}