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

🔧 Set TanStack Router devtools only in dev mode (#668)

Browse Source
This commit is contained in:
Alejandra 2024-03-11 16:50:10 +01:00 committed by GitHub
parent 8f9650b661
commit 710e2f8c2b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,13 +1,24 @@
import React, { Suspense } from 'react'
import { createRootRoute, Outlet } from '@tanstack/react-router'
import { TanStackRouterDevtools } from '@tanstack/router-devtools'
import NotFound from '../components/Common/NotFound'
const TanStackRouterDevtools =
process.env.NODE_ENV === 'production'
? () => null
: React.lazy(() =>
import('@tanstack/router-devtools').then((res) => ({
default: res.TanStackRouterDevtools,
})),
)
export const Route = createRootRoute({
component: () => (
<>
<Outlet />
<TanStackRouterDevtools />
<Suspense>
<TanStackRouterDevtools />
</Suspense>
</>
),
notFoundComponent: () => <NotFound />,