make sidebars layout effects

Stability-AI · Jul 23, 2023 · 0a92760 · 0a92760
1 parent 753eb57
commit 0a92760
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/stablestudio-ui/src/App/Sidebar/Tab/index.tsx b/packages/stablestudio-ui/src/App/Sidebar/Tab/index.tsx
@@ -71,12 +71,12 @@ export namespace Tab {
       GlobalState.shallow
     );
 
-    useEffect(() => {
+    useLayoutEffect(() => {
       setTab(props.name, { enabled: true, ...props });
       return () => setTab(props.name);
     }, [props, setTab]);
 
-    useEffect(() => {
+    useLayoutEffect(() => {
       (window.location.pathname === props.route ||
         (window.location.pathname === "/" && props.defaultActive)) &&
         setSidebar((sidebar) => ({ ...sidebar, tab: props.name }));