1import { ThemeProvider } from '@marzneshin/features/theme-switch'
 2import { queryClient } from '@marzneshin/utils';
 3import { QueryClientProvider } from '@tanstack/react-query';
 4import { createRootRoute, Outlet } from '@tanstack/react-router'
 5import React, { Suspense } from 'react'
 6
 7const TanStackRouterDevtools =
 8    import.meta.env.NODE_ENV === 'production'
 9        ? () => null
10        : React.lazy(() =>
11            import('@tanstack/router-devtools').then((res) => ({
12                default: res.TanStackRouterDevtools,
13            })),
14        )
15
16export const Route = createRootRoute({
17    component: () => (
18        <QueryClientProvider client={queryClient}>
19            <ThemeProvider defaultTheme="light" storageKey="ui-theme">
20                <Suspense>
21                    <Outlet />
22                    <TanStackRouterDevtools />
23                </Suspense>
24            </ThemeProvider>
25        </QueryClientProvider>
26    ),
27})