mirror of
https://github.com/MODSetter/SurfSense
synced 2026-06-21 13:44:09 +00:00
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:
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user