diff --git a/packages/app-utils/src/components/AppBootstrap.tsx b/packages/app-utils/src/components/AppBootstrap.tsx
index 20b8a4a2e5..b5644baa45 100644
--- a/packages/app-utils/src/components/AppBootstrap.tsx
+++ b/packages/app-utils/src/components/AppBootstrap.tsx
@@ -51,7 +51,9 @@ export function AppBootstrap({
   const [logoutCount, setLogoutCount] = useState(0);
   const onLogin = useCallback(() => undefined, []);
   const onLogout = useCallback(() => {
-    setLogoutCount(value => value + 1);
+    requestAnimationFrame(() => {
+      setLogoutCount(value => value + 1);
+    });
   }, []);
   useBroadcastLoginListener(onLogin, onLogout);
   return (