Forward ref in the MenuIconButton component

mui · Oct 6, 2023 · e067d9d · e067d9d
1 parent e0ff477
commit e067d9d
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/docs/pages/experiments/base/render-props.tsx b/docs/pages/experiments/base/render-props.tsx
@@ -50,13 +50,16 @@ function WithSlotsAndSlotProps() {
   );
 }
 
-function MenuIconButton(props: MenuButtonRootSlotProps) {
+const MenuIconButton = React.forwardRef(function MenuIconButton(
+  props: MenuButtonRootSlotProps,
+  ref: React.ForwardedRef<HTMLButtonElement>,
+) {
   return (
-    <IconButton data-testid="hamburger-menu" {...props}>
+    <IconButton data-testid="hamburger-menu" {...props} ref={ref}>
       {props.children}
     </IconButton>
   );
-}
+});
 
 function WithSlots() {
   return (