升级时反应选择错误: TypeError: dispatcher.useInsertionEffect不是一个函数
升级时反应选择错误: TypeError: dispatcher.useInsertionEffect不是一个函数
提问于 2022-03-30 19:00:46
我刚刚更新了react选择库，我发现它不再起作用了。在官方网站上，我找到了这个升级指南，它对我没有帮助，什么也没说。
我也检查了他们现场的样本，但是它给了我同样的错误。
例如，我想做一个非常基本的可创建的选择：
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.3和react-select 5.2.2
回答 3
Stack Overflow用户
回答已采纳
发布于 2022-03-30 21:38:20
问题似乎在于我将react 18.0.0与react-dom 17.0.1结合使用。
为了解决上述问题，只需更新react-dom to 18.0.0
Stack Overflow用户
发布于 2022-08-17 08:27:07
在我的例子中，问题是热模块替换(HMR)设置。我在webpack的打字稿上使用了资料界面。我盲目地将HMR添加到webpack配置中，这个错误是在运行webpack-dev服务器时出现的.react和react-dom的版本相同。
我通过从webpack.config.js中完全删除HMR来解决这个问题。
希望能帮上忙。
Stack Overflow用户
发布于 2022-10-18 12:44:39
我通过更新react dom：npm i --save-dev react@18 react-dom@18来解决这个问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71682733
复制相关文章
相似问题
腾讯云开发者
