message: Eagerly load SelectMenu loadOptions
diff: @@ -502,10 +502,14 @@ export class SelectMenu extends React.Component<SelectMenuProps, SelectMenuState
  render = () => {
  const { isDropdown, isLoading, popoverProps, placeholder, renderTrigger, renderValue, ...props } = this.props;
  - const { selectedOptions } = this.state;
  + const { contextKey, selectedOptions } = this.state;
  - return isDropdown ? (
  - <SelectMenuPopover content={this.renderMenu} {...popoverProps}>
  + return (
  + // @ts-ignore
  + <Loads context={contextKey} fn={this.loadOptions} defer={!this.loadOptions}>
  + {record =>
  + isDropdown ? (
  + <SelectMenuPopover content={this.renderMenu(record)} {...popoverProps}>
  {renderTrigger &&
  renderTrigger({
  isLoading,
  @@ -526,11 +530,14 @@ export class SelectMenu extends React.Component<SelectMenuProps, SelectMenuState
  })}
  </SelectMenuPopover>
  ) : (
  - this.renderMenu()
  + this.renderMenu(record)()
  + )
  + }
  + </Loads>
  );
  };
  - renderMenu = (popover?: PopoverContainerRenderProps) => {
  + renderMenu = ({ load, error, isPending, isResolved, isRejected }) => (popover?: PopoverContainerRenderProps) => {
  const {
  renderBottomActions,
  isDropdown,
  @@ -542,24 +549,9 @@ export class SelectMenu extends React.Component<SelectMenuProps, SelectMenuState
  useTags,
  ...props
  } = this.props;
  - const { contextKey, selectedOptions } = this.state;
  + const { selectedOptions } = this.state;
  const selectedOptionsValues: SelectMenuItems = Object.values(selectedOptions);
  return (
  - // @ts-ignore
  - <Loads context={contextKey} fn={this.loadOptions} defer={!this.loadOptions}>
  - {({
  - load,
  - error,
  - isPending,
  - isResolved,
  - isRejected
  - }: {
  - error: any;
  - load: () => any;
  - isPending: boolean;
  - isResolved: boolean;
  - isRejected: boolean;
  - }) => (
  <_SelectMenu setInitialFocus={!isSearchable} {...(isDropdown ? {} : props)}>
  {isSearchable && (
  <SelectMenuSearchInput
  @@ -576,8 +568,6 @@ export class SelectMenu extends React.Component<SelectMenuProps, SelectMenuState
  {this.renderOptions({ error, isLoading: isPending, isResolved, isRejected, load })}
  {(isMultiSelect || isDropdown) && this.renderBottomSection({ popover, selectedOptionsValues })}
  </_SelectMenu>
  - )}
  - </Loads>
  );
  };
  