useLocation and useNavigate in the layout?

export default function App() {
  const event = getRequestEvent();
  const [user, lll] = createResource(() => getJWTUser());
  return (
    <Router
      root={(props) => (
        <Suspense>
          <MainNav>{props.children}</MainNav>
          <ModalAndToast />
        </Suspense>
      )}
    >
      <FileRoutes />
    </Router>
  );
}