RYDE-WORK/full-stack-fastapi-template
1
0
Fork 0
mirror of https://github.com/RYDE-WORK/full-stack-fastapi-template.git synced 2026-03-21 10:36:25 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

✨ Add TanStack React Query devtools in dev build (#1217)

Browse Source
This commit is contained in:
Tomer Barletz 2024-06-02 01:34:41 +03:00 committed by GitHub
parent 9ad8f57cfd
commit 1bf057bd19
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
frontend/src/routes/__root.tsx
View File

@ -3,21 +3,32 @@ import React, { Suspense } from "react"
import NotFound from "../components/Common/NotFound"
const TanStackRouterDevtools =
const loadDevtools = () =>
Promise.all([
import("@tanstack/router-devtools"),
import("@tanstack/react-query-devtools")
]).then(([routerDevtools, reactQueryDevtools]) => {
return {
default: () => (
<>
<routerDevtools.TanStackRouterDevtools />
<reactQueryDevtools.ReactQueryDevtools />
</>
)
};
});
const TanStackDevtools =
process.env.NODE_ENV === "production"
? () => null
: React.lazy(() =>
import("@tanstack/router-devtools").then((res) => ({
default: res.TanStackRouterDevtools,
})),
)
: React.lazy(loadDevtools);
export const Route = createRootRoute({
component: () => (
<>
<Outlet />
<Suspense>
<TanStackRouterDevtools />
<TanStackDevtools />
</Suspense>
</>
),