Remove unused development tools from RootDocument component

- Eliminated TanStackRouterDevtools and associated devtoolsPlugins from the RootDocument, streamlining the component.
- Simplified the structure of the RootDocument to enhance performance and maintainability.
This commit is contained in:
luccast
2026-01-26 09:08:35 -05:00
parent 7ffc975884
commit 0ec6f2530f
-11
View File
@@ -1,16 +1,9 @@
import React from 'react'
import { HeadContent, Scripts, createRootRoute, Link } from '@tanstack/react-router'
import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'
import { motion } from 'framer-motion'
import appCss from '../styles.css?url'
import { QueryProvider } from '../integrations/query/provider'
import { queryDevtoolsPlugin } from '../integrations/query/devtools'
import { CrabIdleAnimation } from '../components/ani'
const devtoolsPlugins = [
queryDevtoolsPlugin,
]
export const Route = createRootRoute({
head: () => ({
meta: [
@@ -77,10 +70,6 @@ function RootDocument({ children }: { children: React.ReactNode }) {
<body className="bg-shell-950 text-gray-100">
<QueryProvider>
{children}
<TanStackRouterDevtools />
{devtoolsPlugins.map((plugin, i) => (
<React.Fragment key={i}>{plugin.render}</React.Fragment>
))}
</QueryProvider>
<Scripts />
</body>