React项目踩坑——“XXX“不是JXS元素 “XXX“缺少类型“ElementClass”中的以下属性：context、setState、props和其他2个属性。

项目场景：

最近在做一个React项目，是在Typescript基础上开发的。（React版本是17.0.2，antd版本是4.18.5）

---

问题描述：

在.tsx文件中引入AntDesign后使用Input、Button等组件时出现了诸如“Input不是JXS元素 "Input"缺少类型“ElementClass”中的以下属性：context、setState、props和其他2个属性。”这样的报错。困扰了我挺久的，虽然不会影响开发，组件也可以正常使用。但是VSCode总是有红线提示，就感觉很别扭。

---

原因分析：

推测应该是AntDesign组件中少了一些React组件所要求的属性导致的。

---

解决方案：

在网上找了许久后，最终在stackoverflow上找到了答案。我们只需要安装一下yarn，之后在终端执行一下这个命令：yarn upgrade @types/react@latest。之后，编译器就不会报错了。希望可以帮到大家～