Use token directly from memory

Author: stefanbitcr

src/keycloak.tsx

@@ -20,10 +20,6 @@ export const initKeycloak = async (): Promise<boolean> => {
       console.log("User is not authenticated")
     }
 
-    if (keycloak.token) {
-      localStorage.setItem("token", keycloak.token)
-    }
-
     return authenticated
   } catch (error: unknown) {
     console.error("Failed to initialize adapter:", error instanceof Error ? error.message : String(error))

src/lib/api-client.ts

@@ -1,20 +1,19 @@
 import { client as heyApiClient } from "@/generated/client/client.gen"
 import * as sdk from "@/generated/client/sdk.gen"
+import keycloak from "../keycloak"
 
 heyApiClient.setConfig({
   baseUrl: import.meta.env.VITE_API_BASE_URL as string,
 })
 
 // Add the auth token interceptor
 heyApiClient.interceptors.request.use((request) => {
-  const token = localStorage.getItem("token")
-
-  if (token) {
+  if (keycloak.token!) {
     let headers = request.headers
     if (!(headers instanceof Headers)) {
       headers = new Headers(headers as HeadersInit)
     }
-    headers.set("Authorization", `Bearer ${token}`)
+    headers.set("Authorization", `Bearer ${keycloak.token}`)
 
     if (!(request.headers instanceof Headers)) {
       // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-explicit-any

src/main.tsx

@@ -67,7 +67,6 @@ function App() {
 }
 
 void prepare().then(() => {
-  // loadToken();
   createRoot(document.getElementById("root")!).render(
     <StrictMode>
       <App />