import './Root.css';
import React, { lazy, Suspense } from 'react';
import { QueryClientProvider } from 'react-query';
import { PartialRouteObject } from 'react-router';
import { HashRouter as Router, useRoutes } from 'react-router-dom';
import { RecoilRoot } from 'recoil';
import { About } from 'src/components/about/About';
import { Head } from 'src/components/shared/Head';
import { queryClient } from 'src/misc/query';
import { actions, initialState } from '../store';
import APIConfig from './APIConfig';
import APIDiscovery from './APIDiscovery';
import ErrorBoundary from './ErrorBoundary';
import Home from './Home';
import Loading2 from './Loading2';
import s0 from './Root.module.css';
import SideBar from './SideBar';
import StateProvider from './StateProvider';
import StyleGuide from './StyleGuide';
const Connections = lazy(
() =>
import(
/* webpackChunkName: "conns" */
/* webpackPrefetch: true */
'./Connections'
)
);
const Config = lazy(
() =>
import(
/* webpackChunkName: "config" */
/* webpackPrefetch: true */
'./Config'
)
);
const Logs = lazy(
() =>
import(
/* webpackChunkName: "logs" */
/* webpackPrefetch: true */
'./Logs'
)
);
const Proxies = lazy(
() =>
import(
/* webpackChunkName: "proxies" */
/* webpackPrefetch: true */
'./proxies/Proxies'
)
);
const Rules = lazy(
() =>
import(
/* webpackChunkName: "rules" */
/* webpackPrefetch: true */
'./Rules'
)
);
const routes = [
{ path: '/', element: },
{ path: '/connections', element: },
{ path: '/configs', element: },
{ path: '/logs', element: },
{ path: '/proxies', element: },
{ path: '/rules', element: },
{ path: '/about', element: },
__DEV__ ? { path: '/style', element: } : false,
].filter(Boolean) as PartialRouteObject[];
function RouteInnerApp() {
return useRoutes(routes);
}
function SideBarApp() {
return (
<>
}>
);
}
function App() {
return useRoutes([
{ path: '/backend', element: },
{ path: '*', element: },
]);
}
const Root = () => (
}>
);
export default Root;