🔧 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 { 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 />,
|
||||
|
Reference in New Issue
Block a user