Authentication using React hooks does not re-trigger beforeLoad

import "./index.css";

import { RouterProvider, createRouter } from "@tanstack/react-router";
import { InternetIdentityProvider, useInternetIdentity } from "ic-use-internet-identity";
import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import { routeTree } from "./routeTree.gen";
import Actors from "./actors";
import useMerchant from "./hooks/useMerchant";

const router = createRouter({
  routeTree, context: {
    identity: undefined!,
    merchant: undefined!,
  }
});

declare module "@tanstack/react-router" {
  interface Register {
    router: typeof router;
  }
}

function InnerRoot() {
  const { identity, isInitializing } = useInternetIdentity();
  const { data: merchant } = useMerchant();

  if (isInitializing) return null;

  return <RouterProvider router={router} context={{ identity, merchant }} />
}

createRoot(document.getElementById("root")!).render(
  <StrictMode>
      <InternetIdentityProvider>
        <Actors>
          <InnerRoot />
        </Actors>
      </InternetIdentityProvider>
  </StrictMode>
);