Maximum update depth exceeded

[dmitryTurov]

react-select version:
5.8.3

production sentry caught the error:
Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.

call stack:

1. /node_modules/react-select/dist/index-641ee5b8.esm.js in setMenuPortalElement at line 709:5

useLayoutEffect(function () {
runAutoUpdate();
}, [runAutoUpdate]);
var setMenuPortalElement = useCallback(function (menuPortalElement) {
menuPortalRef.current = menuPortalElement;
runAutoUpdate();
}, [runAutoUpdate]);
// bail early if required elements aren't present
if (!appendTo && menuPosition !== 'fixed' || !computedPosition) return null;

2. /node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs in cleanupRef.current at line 627:1

resizeObserver = null;
if (animationFrame) {
cancelAnimationFrame(frameId);
}
};
}
/**

• Resolves with an object of overflow side offsets that determine how much the
• element is overflowing a given clipping boundary on each side.
• • positive = overflowing the boundary by that number of pixels

3. /node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs in cleanupRef.current at line 613:3

   update();
   }
   prevRefRect = nextRefRect;
   frameId = requestAnimationFrame(frameLoop);
   }
   update();
   return () => {
   var _resizeObserver2;
   ancestors.forEach(ancestor => {
   ancestorScroll && ancestor.removeEventListener('scroll', update);
   ancestorResize && ancestor.removeEventListener('resize', update);

4. /node_modules/react-select/dist/index-641ee5b8.esm.js in updateComputedPosition at line 684:7

if (!controlElement) return;
var rect = getBoundingClientObj(controlElement);
var scrollDistance = menuPosition === 'fixed' ? 0 : window.pageYOffset;
var offset = rect[placement] + scrollDistance;
if (offset !== (computedPosition === null || computedPosition === void 0 ? void 0 : computedPosition.offset) || rect.left !== (computedP {snip}
setComputedPosition({
offset: offset,
rect: rect
});
}
}, [controlElement, menuPosition, placement, computedPosition === null || computedPosition === void 0 ? void 0 : computedPosition.offset, {snip}

5. then react-dom throws the update depth error