Function useRouter

client/src/hooks/use-router.tsx:6–172

()

import { useProtectedRoute } from '@/auth/hooks/use-protected-route';

export function useRouter() {
  const router = createBrowserRouter([
    {
      path: '/',
      async lazy() {
        let { App } = await import('@/app');
        return { Component: App };
      },
      children: [
        {
          path: 'about',
          async lazy() {
            let { LandingPage } = await import('@/pages/landing-page/landing-page');
            return { Component: LandingPage };
          },
        },
        {
          path: 'sigmf',
          async lazy() {
            let { SigMF } = await import('@/pages/sigmf');
            return { Component: SigMF };
          },
        },
        {
          path: 'query',
          async lazy() {
            let { MetadataQuery } = await import('@/pages/metadata-query/metadata-query');
            return { Component: MetadataQuery };
          },
        },
        {
          path: 'smart-query',
          async lazy() {
            let { SmartQuery } = await import('@/pages/metadata-query/smart-query');
            return { Component: SmartQuery };
          },
        },
        {
          path: 'upload',
          async lazy() {
            let { UploadPage } = await import('@/pages/upload-page');
            return { Component: UploadPage };
          },
        },
        {
          path: 'docs',
          async lazy() {
            let { DocsPages } = await import('@/pages/docs/docs-pages');
            return { Component: DocsPages };
          },
        },
        // because there are so many docs pages, we have one component that takes in the page name as a param
        {
          path: 'docs/:page',
          async lazy() {
            let { DocsPages } = await import('@/pages/docs/docs-pages');
            return { Component: DocsPages };
          },