wip(auth): Get fresh token before making request

packages/auth/src/AuthProvider.tsx

@@ -107,6 +107,15 @@ export class AuthProvider extends React.Component<
   constructor(props: AuthProviderProps) {
     super(props)
     this.rwClient = createAuthClient(props.client, props.type)
+
+    // Add observer if the auth client supports it
+    // @TODO: Do we need to worry about cancelling the event handler?
+    // I don't think AuthProvider ever unmounts
+    if (this.rwClient.onTokenChange) {
+      this.rwClient.onTokenChange(() => {
+        this.getToken()
+      })
+    }
   }
 
   async componentDidMount() {
@@ -115,14 +124,15 @@ export class AuthProvider extends React.Component<
   }
 
   getCurrentUser = async (): Promise<Record<string, unknown>> => {
+    const authToken = await this.getToken()
     const response = await window.fetch(
       `${window.__REDWOOD__API_PROXY_PATH}/graphql`,
       {
         method: 'POST',
         headers: {
           'content-type': 'application/json',
           'auth-provider': this.rwClient.type,
-          authorization: `Bearer ${this.state.authToken}`,
+          authorization: `Bearer ${authToken}`,
         },
         body: JSON.stringify({
           query:

packages/auth/src/authClients/firebase.ts

@@ -35,5 +35,6 @@ export const firebase = (client: Firebase): AuthClient => {
     },
     getToken: async () => client.auth().currentUser?.getIdToken() ?? null,
     getUserMetadata: async () => client.auth().currentUser,
+    onTokenChange: client.auth().onIdTokenChanged,
   }
 }

packages/auth/src/authClients/index.ts

@@ -56,6 +56,7 @@ export interface AuthClient {
   getUserMetadata(): Promise<null | SupportedUserMetadata>
   client: SupportedAuthClients
   type: SupportedAuthTypes
+  onTokenChange?(callback: () => void): void
 }
 
 export const createAuthClient = (