@azure/msal-react How to make some routes public?

[moomdate]

I've tried using MsalProvider over the route and it works fine.

 <MsalProvider instance={msalInstance}>
          <RouterProvider router={routerConfigs} />
 `</MsalProvider>`

but i want to do public route
e.g. {domain}/public
I don't want to use redirect to Sign in.

I have tried moving like this

<BrowserRouter>
   <Routes>
    <MsalProvider instance={msalInstance}>
        <Route path="public" element={<PublicComp />} />
     </MsalProvider>
   </Routes>
 </BrowserRouter>

The redirector is not working

I have tried AuthenticatedTemplate, UnnauthenticatedTemplate. but it seems to still redirect

 <BrowserRouter>
    <Routes>
     <MsalProvider instance={msalInstance}>
        <AuthenticatedTemplate>
          <Route path="private" element={<PrivateComp />} />
        </AuthenticatedTemplate>
        <UnnauthenticatedTemplate>
          <Route path="public" element={<PublicComp />} />
        </UnnauthenticatedTemplate>
      </MsalProvider>
    </Routes>
  </BrowserRouter>

Still not working