react select error on upgrade: TypeError: dispatcher.useInsertionEffect is not a function

Question

我刚刚更新了 react-select 库，我发现它不再起作用了。在 the official site 上，我发现了这份 升级指南，它对我没有帮助，而且什么也没说。

我也检查了 samples on their site，但它给了我同样的错误。

例如我想做一个非常基本的可创建的 select:

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}
    />
  );
};

我项目中的所有其他 selects 都一样。您知道如何修复它吗？

我收到的错误如下：

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

Answer 1

问题似乎是我将 react 18.0.0 与 react-dom 17.0.1

一起使用

为了解决上面的问题，只需更新react-tom to 18.0.0

react select error on upgrade: TypeError: dispatcher.useInsertionEffect is not a function

react select error on upgrade: TypeError: dispatcher.useInsertionEffect is not a function

typescript

reactjs

react-select

next.js