fix(common): useSelect rendering loop

data-driven-forms · Mar 21, 2024 · 2a9ace4 · 2a9ace4
1 parent 271e466
commit 2a9ace4
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/packages/common/src/use-select/use-select.js b/packages/common/src/use-select/use-select.js
@@ -114,12 +114,14 @@ const useSelect = ({
  }, [loadOptionsStr, loadOptionsChangeCounter]);
 
  useEffect(() => {
- if (state.isInitialLoaded) {
- if (!noValueUpdates && value && !propsOptions.map(({ value }) => value).includes(value)) {
- onChange(undefined);
- }
+ if (!isEqual(state.options, propsOptions)) {
+ if (state.isInitialLoaded) {
+ if (!noValueUpdates && value && !propsOptions.map(({ value }) => value).includes(value)) {
+ onChange(undefined);
+ }
 
- dispatch({ type: 'setOptions', payload: propsOptions });
+ dispatch({ type: 'setOptions', payload: propsOptions });
+ }
  }
  }, [propsOptions]);