fix(navbar): lazy motion forwardRef issue

heroui-inc · Mar 15, 2024 · 5253e39 · 5253e39
1 parent 5a8768a
commit 5253e39
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/.changeset/dirty-beans-repair.md b/.changeset/dirty-beans-repair.md
@@ -0,0 +1,5 @@
+---
+"@nextui-org/navbar": patch
+---
+
+fixed LazyMotion ForwardRef issue
diff --git a/packages/components/navbar/src/navbar-menu.tsx b/packages/components/navbar/src/navbar-menu.tsx
@@ -60,8 +60,8 @@ const NavbarMenu = forwardRef<"ul", NavbarMenuProps>((props, ref) => {
   ) : (
     <AnimatePresence mode="wait">
       {isMenuOpen ? (
-        <MenuWrapper>
-          <LazyMotion features={domAnimation}>
+        <LazyMotion features={domAnimation}>
+          <MenuWrapper>
             <m.ul
               ref={domRef}
               layoutScroll
@@ -80,8 +80,8 @@ const NavbarMenu = forwardRef<"ul", NavbarMenuProps>((props, ref) => {
             >
               {children}
             </m.ul>
-          </LazyMotion>
-        </MenuWrapper>
+          </MenuWrapper>
+        </LazyMotion>
       ) : null}
     </AnimatePresence>
   );