antaeus.keycloak.react 2.1.1 → 2.1.3

package/dist/index.js

@@ -1484,6 +1484,8 @@ var DeviceLogin = ({
 };
 function useProtectedFetch(options = {}) {
   const auth = useAuth();
+  const refreshInProgressRef = react.useRef(false);
+  const { user, isLoading, signinSilent } = auth;
   const {
     baseUrl = "",
     onUnauthorized,
@@ -1502,11 +1504,11 @@ function useProtectedFetch(options = {}) {
     [baseUrl]
   );
   const getAuthHeader = () => {
-    if (!auth.user?.access_token) {
+    if (!user?.access_token) {
       return {};
     }
     return {
-      Authorization: `Bearer ${auth.user.access_token}`
+      Authorization: `Bearer ${user.access_token}`
     };
   };
   const buildHeaders = react.useCallback(
@@ -1533,9 +1535,10 @@ function useProtectedFetch(options = {}) {
       });
       if (response.status === 401) {
         onUnauthorized?.();
-        if (retryOn401 && auth.user) {
+        if (retryOn401 && user && !refreshInProgressRef.current) {
+          refreshInProgressRef.current = true;
           try {
-            await auth.signinSilent();
+            await signinSilent();
             const newHeaders = buildHeaders(init?.headers);
             const retryResponse = await fetch(fullUrl, {
               ...init,
@@ -1544,12 +1547,16 @@ function useProtectedFetch(options = {}) {
             return retryResponse;
           } catch (error) {
             return response;
+          } finally {
+            setTimeout(() => {
+              refreshInProgressRef.current = false;
+            }, 1e3);
           }
         }
       }
       return response;
     },
-    [buildUrl, buildHeaders, onUnauthorized, retryOn401, auth]
+    [buildUrl, buildHeaders, onUnauthorized, retryOn401, user, signinSilent]
   );
   const fetchJson = react.useCallback(
     async (url, init) => {
@@ -1568,7 +1575,7 @@ function useProtectedFetch(options = {}) {
   return {
     fetchJson,
     fetch: protectedFetch,
-    isLoading: auth.isLoading
+    isLoading
   };
 }