todo-app

1
import { RouterProvider, Navigate, createHashRouter } from 'react-router-dom';
2
import { Layout } from '@/shared/ui/layout';
3

4
export const Routing = () => {
5
  const router = createHashRouter([
6
    {
7
      path: '/',
8
      element: <Layout />,
9
      children: [
10
        {
11
          index: true,
12
          lazy: () =>
13
            import('@/pages/all-tasks-page').then(
14
              ({ AllTasksPage: Component }) => ({ Component }),
15
            ),
16
        },
17
        {
18
          path: ':taskId',
19
          lazy: () =>
20
            import('@/pages/task-details-page').then(
21
              ({ TaskDetailsPage: Component }) => ({ Component }),
22
            ),
23
        },
24
        {
25
          path: '*',
26
          element: <Navigate to="/" />,
27
        },
28
      ],
29
    },
30
  ]);
31

32
  return <RouterProvider router={router} />;
33
};
34