From 8a4ccc9b8f091dc55e1575920732e1cbc9522e41 Mon Sep 17 00:00:00 2001
From: sriharshavanga1 <35068136+sriharshavanga1@users.noreply.github.com>
Date: Thu, 6 Nov 2025 01:27:28 -0500
Subject: [PATCH] app/ui: prevent sidebar animation on initial load

---
 app/ui/app/src/components/layout/layout.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/ui/app/src/components/layout/layout.tsx b/app/ui/app/src/components/layout/layout.tsx
index db049de1b..c3651292d 100644
--- a/app/ui/app/src/components/layout/layout.tsx
+++ b/app/ui/app/src/components/layout/layout.tsx
@@ -1,3 +1,4 @@
+import { useState, useEffect } from "react";
 import { Link } from "@tanstack/react-router";
 import { useSettings } from "@/hooks/useSettings";
 
@@ -11,7 +12,11 @@ export function SidebarLayout({
 }>) {
   const { settings, setSettings } = useSettings();
   const isWindows = navigator.platform.toLowerCase().includes("win");
-
+  const [mounted, setMounted] = useState(false);
+    useEffect(() => {
+      setMounted(true);
+    }, []);
+  
   return (
     <div className={`flex transition-[width] duration-300 dark:bg-neutral-900`}>
       <div