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

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

Browse source 
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
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"; "use client";
import { ReactQueryDevtools } from "@tanstack/react-query-devtools"; import dynamic from "next/dynamic";
import { QueryClientAtomProvider } from "jotai-tanstack-query/react"; import { QueryClientAtomProvider } from "jotai-tanstack-query/react";
import { queryClient } from "./client"; 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 }) { export function ReactQueryClientProvider({ children }: { children: React.ReactNode }) {
return ( return (
<QueryClientAtomProvider client={queryClient}> <QueryClientAtomProvider client={queryClient}>
{children} {children}
<ReactQueryDevtools initialIsOpen={false} /> {process.env.NODE_ENV === "development" && <ReactQueryDevtools initialIsOpen={false} />}
</QueryClientAtomProvider> </QueryClientAtomProvider>
); );
} }