fix: preserve provided Menu id

Author: zombieJ

src/Menu.tsx

@@ -259,8 +259,8 @@ const Menu = React.forwardRef<MenuRef, MenuProps>((props, ref) => {
 
   const containerRef = React.useRef<HTMLUListElement>(null);
 
-  const mergedId = useId(id);
-  const uuid = `rc-menu-uuid-${mergedId}`;
+  const mergedId = useId();
+  const uuid = id ?? `rc-menu-uuid-${mergedId}`;
 
   const isRtl = direction === 'rtl';
 

tests/Menu.spec.tsx

@@ -112,6 +112,19 @@ describe('Menu', () => {
       }
     });
 
+    it('uses the provided id as the menu uuid', () => {
+      const { container } = render(
+        <Menu id="custom">
+          <MenuItem key="item">Item</MenuItem>
+        </Menu>,
+      );
+
+      expect(container.querySelector('.rc-menu-item')).toHaveAttribute(
+        'data-menu-id',
+        'custom-item',
+      );
+    });
+
     (['vertical', 'horizontal', 'inline'] as MenuMode[]).forEach(mode => {
       it(`${mode} menu correctly`, () => {
         const { container } = render(createMenu({ mode }));