mister-webdev / movie-app

import { Outlet, MakeGenerics, ReactLocation, Router } from 'react-location'

import { Main } from 'pages'

import { Header } from 'shared/ui'

import { ErrorBoundary } from 'entities/ErrorBoundary'

import { fetchMovieDetails } from 'pages/movie/model'

import { IMovieDetails } from 'types/common'

export type LocationGenerics = MakeGenerics<{

  LoaderData: { movie: IMovieDetails }

}>

const location = new ReactLocation<LocationGenerics>()

        { path: '/', element: <Main /> },

        {

          path: 'movie',

          children: [

            {

              path: ':movieId',

              loader: async ({ params: { movieId } }) => {

                return {

                  movie: await fetchMovieDetails(Number(movieId)),

                }

              },

            },

          ],

        },

      ]}

    >

      </ErrorBoundary>

    </Router>

  </>

)

export { Routes }