Redirect when isAuthenticated value in context is changing

// Create a new router instance
const router = createRouter({
  routeTree,
  notFoundRoute,
  defaultPreload: 'intent',
  defaultPendingComponent: LoadingPlaceholder,
  context: {
    isAuthenticated: false,
  },
});


export function RouterProvider({ router }: { router: RouterProps['router'] }) {
  const { isAuthenticated } = useAuth();
  return (
    <TanstackRouterProvider
      router={router}
      context={{ isAuthenticated }}
      basepath={__PUBLIC_URL__}
    />
  );
}

//_app layout

export const Route = createFileRoute('/_app')({
  component: AppLayout,
  beforeLoad: async ({ context, location }) => {
    if (!context.isAuthenticated) {
      throw redirect({
        to: '/login',
        search: {
          redirect: location.href,
        },
      });
    }
  },
});