React Route File Create

App.js

import React from 'react';
import { RouterProvider } from 'react-router-dom';
import { router } from './Routes';

const App = () => {
    return (
        <div>
            <RouterProvider router={router} />
        </div>
    );
};

export default App;

Root.jsx

import React from 'react';
import { Outlet } from 'react-router-dom';
import Header from './Header';

const Root = () => {
    return (
        <div>
            <Header />
            <Outlet />
        </div>
    );
};

export default Root;

Routes.js

import { createBrowserRouter } from "react-router-dom";
import Root from "./components/Root";
import Home from "./Pages/Home";
import ErrorPage from "./Pages/ErrorPage";

export const router = createBrowserRouter([
    {
        path: '/',
        element: <Root />,
        errorElement: <ErrorPage />,
        children: [
            {
                path: '/',
                element: <Home />
            },
            {
                path: '/home',
                element: <Home />
            },
        ]
    }
])