Help Adding navbar to layout with createBrowserRouter

[ember ginkgo]

Im trying to add Navbar to all pages. I created an AppContainer but cant use it in createBrowserRouter.

const router = createBrowserRouter(
  createRoutesFromElements(
    <Route element={<AppContainer />}>
      <Route path={"/"} element={<HomePage />} />
      <Route path={"/about-us"} element={<AboutUs />} />
    </Route>
  )
);

const AppContainer = () => {
  return (
    <Navbar />
  );
};

<RouterProvider router={router}/>

[peak quartz]

Because AppContainer is the parent of all other routes, you need to also render an Outlet component below your Navbar where nested routes will be rendered