Yue Fung Lee
43 lines
1.0 KiB
TypeScript
43 lines
1.0 KiB
TypeScript
import React from 'react';
|
|
import ReactDOM from 'react-dom/client';
|
|
import './index.sass';
|
|
import reportWebVitals from './reportWebVitals';
|
|
import {createBrowserRouter, RouterProvider} from "react-router-dom";
|
|
import Welcome from "./pages/Welcome";
|
|
import Login from "./pages/Login";
|
|
import Signup from "./pages/Signup";
|
|
import Course from "./pages/Course";
|
|
|
|
const router = createBrowserRouter([
|
|
{
|
|
path: '/',
|
|
element: <Welcome/>,
|
|
},
|
|
{
|
|
path: '/login',
|
|
element: <Login/>,
|
|
},
|
|
{
|
|
path: '/signup',
|
|
element: <Signup/>,
|
|
},
|
|
{
|
|
path: '/courses',
|
|
element: <Course/>,
|
|
}
|
|
])
|
|
|
|
const root = ReactDOM.createRoot(
|
|
document.getElementById('root') as HTMLElement
|
|
);
|
|
root.render(
|
|
<React.StrictMode>
|
|
<RouterProvider router={router} />
|
|
</React.StrictMode>
|
|
);
|
|
|
|
// If you want to start measuring performance in your app, pass a function
|
|
// to log results (for example: reportWebVitals(console.log))
|
|
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
|
|
reportWebVitals();
|