define imports outside of component declaration

Author: pettinarip

src/components/Nav/Menu/index.tsx

@@ -18,6 +18,8 @@ import type { NavSections } from "../types"
 
 import { useNavMenu } from "./useNavMenu"
 
+const MenuContent = dynamic(() => import("./MenuContent"))
+
 type NavMenuProps = BaseHTMLAttributes<HTMLDivElement> & {
   sections: NavSections
 }
@@ -26,8 +28,6 @@ const Menu = ({ sections, ...props }: NavMenuProps) => {
   const { activeSection, direction, handleSectionChange, isOpen } =
     useNavMenu(sections)
 
-  const MenuContent = dynamic(() => import("./MenuContent"))
-
   return (
     <div {...props}>
       <Root