use recommended approach

mui · Sep 27, 2022 · 20ce901 · 20ce901
1 parent 5b1a229
commit 20ce901
Showing 1 changed file with 5 additions and 8 deletions.
diff --git a/packages/x-date-pickers/src/CalendarPicker/CalendarPicker.tsx b/packages/x-date-pickers/src/CalendarPicker/CalendarPicker.tsx
@@ -437,15 +437,12 @@ export const CalendarPicker = React.forwardRef(function CalendarPicker<TDate>(
     },
   );
 
-  const prevOpenViewRef = React.useRef(openView);
-  React.useEffect(() => {
-    // Set focus to the button when switching from a view to another
-    if (prevOpenViewRef.current === openView) {
-      return;
-    }
-    prevOpenViewRef.current = openView;
+  const [prevOpenView, setPrevOpenView] = React.useState(openView);
+
+  if (prevOpenView !== openView) {
     handleFocusedViewChange(openView)(true);
-  }, [openView, handleFocusedViewChange]);
+    setPrevOpenView(openView);
+  }
 
   return (
     <CalendarPickerRoot