Merge pull request marmelab#10769 from marmelab/fix/ecommerce-demo

Fix(logout): avoid an infinite loop when loading the demo apps for the first time

Author: djhi

packages/ra-core/src/auth/useLogout.ts

@@ -111,9 +111,23 @@ const useLogout = (): Logout => {
                         if (redirectToParts[1]) {
                             newLocation.search = redirectToParts[1];
                         }
-                        navigateRef.current(newLocation, newLocationOptions);
-                        resetStore();
-                        queryClient.clear();
+
+                        // We need to navigate and reset the store after a litte delay to avoid a race condition
+                        // between the store reset and the navigation.
+                        //
+                        // This would only happen when the `authProvider.getPermissions` method returns
+                        // a resolved promise with no delay: If the store was reset before the navigation,
+                        // the `usePermissions` query would reset, causing the `CoreAdminRoutes` component to
+                        // rerender the `LogoutOnMount` component leading to an infinite loop.
+                        setTimeout(() => {
+                            navigateRef.current(
+                                newLocation,
+                                newLocationOptions
+                            );
+
+                            resetStore();
+                            queryClient.clear();
+                        }, 0);
 
                         return redirectToFromProvider;
                     });