xxxxxxxxxx
import {
createBrowserRouter,
RouterProvider,
Outlet
} from 'react-router-dom';
const HeaderLayout = () => (
<>
<header>
<Navbar />
</header>
<Outlet />
</>
);
const router = createBrowserRouter([
{
element: <HeaderLayout />,
children: [
{
path: "/",
element: <div>Hello</div>,
},
{
path: '/foo',
element: <div>foo</div>,
},
{
path: '/bar',
element: <div>foo</div>,
}
],
},
]);
export function App(props) {
return (
<div className='App'>
<RouterProvider router={router} />
</div>
);
}