升级时反应选择错误：TypeError：dispatcher.useInsertionEffect 不是函数

Question

我刚刚更新了反应选择库，我发现它不再起作用了。在官方网站上，我发现了这个升级指南，它对我没有帮助，而且什么也没说。

我还检查了他们网站上的示例，但它给了我同样的错误。

例如我想做一个非常基本的可创建选择：

import AsyncCreatableSelect from 'react-select/async-creatable';

const promiseOptions = (inputValue: string) =>
  new Promise<any[]>((resolve) => {
    setTimeout(() => {
      console.log('searching...');
    }, 1000);
  });

const Select: React.FC = () => {
  return (
    <AsyncCreatableSelect
      cacheOptions
      defaultOptions
      loadOptions={promiseOptions}
    />
  );
};

对于我的项目中的所有其他选择也是如此。您知道如何修复它吗？

我收到的错误如下：

我使用nextjs 12.1.2 react 18.0.0和typescript 4.6.3react-select 5.2.2

Answer 1

react 18.0.0问题似乎是我使用的事实react-dom 17.0.1

为了解决上述问题，只需更新react-dom to 18.0.0