React Select组件下拉菜单无法展开问题求助

我在React项目里用了一个简单的Select组件，本来想把它做成多选菜单，可下拉菜单就是打不开。我翻了好多论坛找解决办法，都没搞定，真心希望能在这里找到突破口。

下面是我写的代码：

const [selectedOptions, setSelectedOptions] = useState([]);

const [isMenuVisible, setIsMenuVisible] = useState(false);

const handleCloseMenu = () => setIsMenuVisible(false);

const handleOpenMenu = () => setIsMenuVisible(true);

// 其他代码

const options = [
  {value: 'project1', label: 'project1'},
  {value: 'project2', label: 'project2'},
]

return(
  <div>
    <Select
      isMulti
      onMenuClose={handleCloseMenu}
      onMenuOpen={handleOpenMenu}
      menuIsOpen={isMenuVisible}
      options={options}
      onChange={setSelectedOptions}
    />
  </div>
);

我已经排查过CSS里有没有overflow-hidden属性（之前看到说这个可能会导致下拉菜单显示异常），也试过去掉isMulti属性，怀疑是不是这个属性引发的问题，但都没用。

我甚至试过写了一段最基础的代码，结果下拉菜单还是打不开：

const options = [
  {value: 'ciao', label: 'ciao'}
];

return(
  <div>
    <Select
      options={options}
    />
  </div>
);

备注：内容来源于stack exchange，提问作者Alberto Movio