TS2786错误：所有组件无法作为JSX组件使用的解决求助

问题场景 #

维护一个已开发1年的项目时，突然所有组件触发TS2786错误，提示「{component} cannot be used as a JSX component」。代码本地运行正常，但该错误导致无法部署，此前项目更新操作均无异常。

尝试过的无效方案 #

• 用@ts-ignore临时忽略错误
• 执行npx typesync同步类型依赖
• 执行npm upgrade升级所有依赖
• 尝试Framer Motion论坛提供的相关解决方案

有效解决方法 #

执行以下命令，统一升级React核心包及其对应的类型定义包：

npm i react@18 react-dom@18 @types/react@18 @types/react-dom@18

内容的提问来源于stack exchange，提问作者Caio