Issue JedWatson#5733: MenuPlacer useLayoutEffect depend on isLoading

Author: labkey-nicka

packages/react-select/src/Select.tsx

@@ -1961,7 +1961,7 @@ export default class Select<
     };
 
     const menuElement = (
-      <MenuPlacer {...commonProps} {...menuPlacementProps}>
+      <MenuPlacer {...commonProps} {...menuPlacementProps} isLoading={isLoading}>
         {({ ref, placerProps: { placement, maxHeight } }) => (
           <Menu
             {...commonProps}

packages/react-select/src/components/Menu.tsx

@@ -266,6 +266,7 @@ export interface MenuPlacerProps<
     MenuPlacementProps {
   /** The children to be rendered. */
   children: (childrenProps: ChildrenProps) => ReactElement;
+  isLoading: boolean;
 }
 
 function alignToControl(placement: CoercedMenuPlacement) {
@@ -317,6 +318,7 @@ export const MenuPlacer = <
 ) => {
   const {
     children,
+    isLoading,
     minMenuHeight,
     maxMenuHeight,
     menuPlacement,
@@ -353,6 +355,7 @@ export const MenuPlacer = <
     setPlacement(state.placement);
     setPortalPlacement?.(state.placement);
   }, [
+    isLoading,
     maxMenuHeight,
     menuPlacement,
     menuPosition,