From 31cff64a24b30bf2c1816760e8cba1d8ecb5b09a Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Mon, 23 Jun 2025 00:51:29 +0000
Subject: [PATCH] Fix: Framer motion type error in sidebar

Fixes a type error related to `onAnimationStart` in `MobileSidebar` component.
---
 src/components/ui/modern-sidebar.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/ui/modern-sidebar.tsx b/src/components/ui/modern-sidebar.tsx
index fe05347..d0d5129 100644
--- a/src/components/ui/modern-sidebar.tsx
+++ b/src/components/ui/modern-sidebar.tsx
@@ -85,6 +85,10 @@ export const DesktopSidebar = ({
   ...props
 }: React.ComponentProps<"div">) => {
   const { open, setOpen, animate } = useSidebar();
+  
+  // Separate motion-specific props from HTML div props
+  const { onAnimationStart, onAnimationComplete, ...htmlProps } = props as any;
+  
   return (
     <>
       <motion.div
@@ -97,7 +101,7 @@ export const DesktopSidebar = ({
         }}
         onMouseEnter={() => setOpen(true)}
         onMouseLeave={() => setOpen(false)}
-        {...props}
+        {...htmlProps}
       >
         {children}
       </motion.div>