[mantine.dev] Fix incorrect documentation for custom Menu.Item compon…

…ent (#7074)
mantinedev · Nov 8, 2024 · 2201441 · 2201441
1 parent c566104
commit 2201441
Showing 1 changed file with 8 additions and 9 deletions.
diff --git a/apps/mantine.dev/src/pages/core/menu.mdx b/apps/mantine.dev/src/pages/core/menu.mdx
@@ -73,15 +73,14 @@ function IncorrectItem() {
 }
 
 // ✅ Will work correctly with Menu.Item
-function CorrectItem(
-  props: React.ComponentPropsWithoutRef<'button'>
-) {
-  return (
-    <button type="button" {...props}>
-      My custom Menu item
-    </button>
-  );
-}
+const CorrectItem = forwardRef<
+  HTMLButtonElement,
+  React.ComponentPropsWithoutRef<'button'>
+>((props, ref) => (
+  <button type="button" {...props} ref={ref}>
+    My custom Menu item
+  </button>
+));
 
 function Demo() {
   // ❌ Will not work