TanStack Start & KeycloakJS

[moncapitaine]

Hi,

I tried out to get keycloakJS into some TanStack start project and keeping support for the router context.

I had difficulties to understand why I need to update the context with some

export const Route = createFileRoute("/")({
  component: Home,
  beforeLoad: ({ context }) => {
    console.log("index beforeload");
    return { ...context, auth: { ...context.auth } };
  },
  loader: async ({ context }) => {
    console.log("index auth loader", context.auth);
  },
});

Without this beforeLoad and returning some "new" auth the re-rendering never happens.

Here is my complete example (devcontainers because Keycloak included!)

Maybe this also helps some others...

(https://github.com/progwise/tanstack-start-keycloak)

Ans some explaining on dev.to:
(https://dev.to/moncapitaine/tanstack-start-keycloakjs-client-library-4f84)

Regards,
Michael