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