Do not expose the internal id props for Menu

Author: garronej

src/Header/MainNavigation/MainNavigation.tsx

@@ -36,15 +36,15 @@ export namespace MainNavigationProps {
         };
 
         export type Menu = Common & {
-            menuProps: MenuProps;
             linkProps?: undefined;
+            menuProps: MenuProps;
             megaMenuProps?: undefined;
         };
 
         export type MegaMenu = Common & {
-            megaMenuProps: MegaMenuProps;
-            menuProps?: undefined;
             linkProps?: undefined;
+            menuProps?: undefined;
+            megaMenuProps: MegaMenuProps;
         };
     }
 }

src/Header/MainNavigation/MegaMenu.tsx

@@ -7,12 +7,11 @@ import type { Equals } from "tsafe";
 
 export type MegaMenuProps = {
     className?: string;
-    id: string;
     classes?: Partial<Record<"root", string>>;
 };
 
 export const MegaMenu = memo(
-    forwardRef<HTMLDivElement, MegaMenuProps>((props, ref) => {
+    forwardRef<HTMLDivElement, MegaMenuProps & { id: string }>((props, ref) => {
         const { className, id, classes = {}, ...rest } = props;
 
         assert<Equals<keyof typeof rest, never>>();

src/Header/MainNavigation/Menu.tsx

@@ -10,7 +10,6 @@ import { useLink } from "../../lib/routing";
 
 export type MenuProps = {
     className?: string;
-    id: string;
     classes?: Partial<Record<"root" | "list", string>>;
     items: {
         text: ReactNode;
@@ -20,7 +19,7 @@ export type MenuProps = {
 };
 
 export const Menu = memo(
-    forwardRef<HTMLDivElement, MenuProps>((props, ref) => {
+    forwardRef<HTMLDivElement, MenuProps & { id: string }>((props, ref) => {
         const { className, id, classes = {}, items, ...rest } = props;
 
         assert<Equals<keyof typeof rest, never>>();