🔧 Set TanStack Router devtools only in dev mode (#668)
This commit is contained in:
@@ -1,13 +1,24 @@
|
|||||||
|
import React, { Suspense } from 'react'
|
||||||
import { createRootRoute, Outlet } from '@tanstack/react-router'
|
import { createRootRoute, Outlet } from '@tanstack/react-router'
|
||||||
import { TanStackRouterDevtools } from '@tanstack/router-devtools'
|
|
||||||
|
|
||||||
import NotFound from '../components/Common/NotFound'
|
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({
|
export const Route = createRootRoute({
|
||||||
component: () => (
|
component: () => (
|
||||||
<>
|
<>
|
||||||
<Outlet />
|
<Outlet />
|
||||||
<TanStackRouterDevtools />
|
<Suspense>
|
||||||
|
<TanStackRouterDevtools />
|
||||||
|
</Suspense>
|
||||||
</>
|
</>
|
||||||
),
|
),
|
||||||
notFoundComponent: () => <NotFound />,
|
notFoundComponent: () => <NotFound />,
|
||||||
|
Reference in New Issue
Block a user