From 250690b485ed63ba28e386c7f45a74519ae11cb5 Mon Sep 17 00:00:00 2001
From: delangle <flaviendelangle@gmail.com>
Date: Thu, 31 Mar 2022 09:53:39 +0200
Subject: [PATCH] Code review: Matheus

---
 docs/data/data-grid/state/RestoreStateApiRef.js  | 5 ++---
 docs/data/data-grid/state/RestoreStateApiRef.tsx | 5 ++---
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/docs/data/data-grid/state/RestoreStateApiRef.js b/docs/data/data-grid/state/RestoreStateApiRef.js
index 00983114448e2..ea97e5c5787c8 100644
--- a/docs/data/data-grid/state/RestoreStateApiRef.js
+++ b/docs/data/data-grid/state/RestoreStateApiRef.js
@@ -110,10 +110,10 @@ const DEMO_INITIAL_STATE = {
 };
 
 const ViewListItem = (props) => {
-  const { view, viewId, selected, onDelete, onSelect } = props;
+  const { view, viewId, selected, onDelete, onSelect, ...other } = props;
 
   return (
-    <MenuItem selected={selected} onClick={() => onSelect(viewId)}>
+    <MenuItem selected={selected} onClick={() => onSelect(viewId)} {...other}>
       {view.label}
       <IconButton
         edge="end"
@@ -309,7 +309,6 @@ const CustomToolbar = () => {
           anchorEl={state.menuAnchorEl}
           role={undefined}
           transition
-          disablePortal
           placement="bottom-start"
         >
           {({ TransitionProps }) => (
diff --git a/docs/data/data-grid/state/RestoreStateApiRef.tsx b/docs/data/data-grid/state/RestoreStateApiRef.tsx
index ec20a1b4802d7..b604ec1147808 100644
--- a/docs/data/data-grid/state/RestoreStateApiRef.tsx
+++ b/docs/data/data-grid/state/RestoreStateApiRef.tsx
@@ -137,10 +137,10 @@ const ViewListItem = (props: {
   onDelete: (viewId: string) => void;
   onSelect: (viewId: string) => void;
 }) => {
-  const { view, viewId, selected, onDelete, onSelect } = props;
+  const { view, viewId, selected, onDelete, onSelect, ...other } = props;
 
   return (
-    <MenuItem selected={selected} onClick={() => onSelect(viewId)}>
+    <MenuItem selected={selected} onClick={() => onSelect(viewId)} {...other}>
       {view.label}
       <IconButton
         edge="end"
@@ -290,7 +290,6 @@ const CustomToolbar = () => {
           anchorEl={state.menuAnchorEl}
           role={undefined}
           transition
-          disablePortal
           placement="bottom-start"
         >
           {({ TransitionProps }) => (