[fields] Replace sectionOrder state with a memoized variable

mui · Mar 1, 2023 · 4a424c2 · 4a424c2
1 parent 389a853
commit 4a424c2
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/packages/x-date-pickers/src/internals/hooks/useField/useFieldState.ts b/packages/x-date-pickers/src/internals/hooks/useField/useFieldState.ts
@@ -74,12 +74,10 @@ export const useFieldState = <
 
   const sectionsValueBoundaries = React.useMemo(() => getSectionsBoundaries<TDate>(utils), [utils]);
 
-  const [sectionOrder, setSectionOrder] = React.useState(() =>
-    fieldValueManager.getSectionOrder(utils, localeText, format, isRTL),
+  const sectionOrder = React.useMemo(
+    () => fieldValueManager.getSectionOrder(utils, localeText, format, isRTL),
+    [fieldValueManager, format, isRTL, localeText, utils],
   );
-  React.useEffect(() => {
-    setSectionOrder(fieldValueManager.getSectionOrder(utils, localeText, format, isRTL));
-  }, [fieldValueManager, format, isRTL, localeText, utils]);
 
   const [state, setState] = React.useState<UseFieldState<TValue, TSection>>(() => {
     const sections = fieldValueManager.getSectionsFromValue(