Reactjs React JS:@material ui:无效的钩子调用：在Stackblitz上

尝试使用@material ui编写示例代码，但以下错误始终存在，因为代码中包含@material ui

import React, { Component } from 'react';
import { render } from 'react-dom';
import Hello from './Hello';
import './style.css';
import Box from '@material-ui/core/Box';
import Button from '@material-ui/core/Button';

interface AppProps { }
interface AppState {
  name: string;
}

class App extends Component<AppProps, AppState> {
  constructor(props) {
    super(props);
    this.state = {
      name: 'React'
    };
  }

  render() {
    return (
      <div>
      <Box color="text.primary" clone>
        <Button />
      </Box>
        <Hello name={this.state.name} />
        <p>
          Start editing to see some magic happen :)
        </p>
      </div>
    );
  }
}

render(<App />, document.getElementById('root'));


https://stackblitz.com/edit/react-ts-oed5mf

从“React”导入React，{Component}；
从'react dom'导入{render}；
从“./Hello”导入Hello；
导入“/style.css”；
从“@material ui/core/Box”导入框；
从“@material ui/core/Button”导入按钮；
接口AppProps{}
接口应用状态{
名称：字符串；
}
类应用程序扩展组件{
建造师（道具）{
超级（道具）；
此.state={
名称：“反应”
};
}
render（）{
返回(

开始编辑以查看发生的奇迹：）

);
}
}
render（，document.getElementById（'root'））；
https://stackblitz.com/edit/react-ts-oed5mf

有什么错误？您好，我可能遗漏了一些东西，但在您提供的stackblitz中我没有看到任何错误。你能发布你的错误消息吗？我只是碰巧修复了它。react dom和@types/react之间存在冲突。重新安装它，现在工作正常。感谢ibtsam和jasmonatefollow是错误：无效的钩子调用。钩子只能在函数组件的主体内部调用。发生这种情况的原因如下：1。React和渲染器（如React DOM）2的版本可能不匹配。你可能违反了Hooks 3的规则。同一应用程序中可能有多个React副本