Use with azure static web app

[jwccit]

Hi,

I am using an azure static web app and tanstack router work correctly until I try to hit the built in SWA route '/.auth/login/aad'.

Is there a way I can tell the router that it shouldn't try to handle this page and just let the server deal with it?
Hitting the route directly still shows the tanstack router 404 component. Hitting the page directly in an incognito browser does actually correctly show the log in page.

Any help would be amazing.

Here are some code snippets:

Setting up the router (testing the 404 component)

export const Route = createRootRouteWithContext<RouterContext>()({
  notFoundComponent: () => <div>Not Found with a router fetch</div>,
  component: () => <>
    <header className="bg-gray-800 text-white p-4 fixed top-0 left-0 w-full z-10">
      <Navigation />
    </header>
    <main className="flex-1 p-4 pt-20 overflow-auto">
      <Outlet />
    </main>
    <TanStackRouterDevtools position="bottom-right" />
  </>
})

Main content - have a link outside the router to test

export function App() {
  const auth = useAuth()
  return <div>
    <div className='mt-20 mb-5'>
      <a className='underline cursor-pointer' href={`${window.location.origin}/.auth/login/aad`}>TEST LOG IN</a>

    </div>
    <QueryClientProvider client={queryClient}>
      <RouterProvider router={router} context={{ auth }} />
    </QueryClientProvider>
  </div>
}

My staticwebapp.config.json if it helps

{
  "navigationFallback": {
    "rewrite": "index.html",
    "exclude": [
      "/static/media/*.{png,jpg,gif,svg}",
      "/static/css/*",
      "/.auth/*"
    ]
  }
}

Screenshot of what I get on the route

https://{{myapp}}.azurestaticapps.net/.auth/login/aad

[jwccit]

Found the answer - It was my service workers...