Material-UI/core已弃用，这意味着它与当前的react版本不兼容，因此您无法在项目中使用它。

根据您的第一张图片，您正在调用类组件中或函数组件外部的react hook，这就是出现错误的原因。
rules of hooks
对于材料-UI/核心：
因此Material-UI/core现在已弃用，因此您无法在项目中使用它。
ref link

import React from "react";

在App.js文件的开头添加此行。

嘿，你可以使用更新的MUI v5通过使用下面的命令，这将工作

npm install @mui/material @emotion/react @emotion/styled

下面是

import FormControl from "@mui/material/FormControl";
import Select from "@mui/material/Select";
import { MenuItem } from "@mui/material";
import "./App.css";

function App() {
  return (
    <div style={{ width: 100, margin: 50 }}>
      <FormControl >
        <Select variant="outlined" value="abc" >
          <MenuItem value="worldwide">Worldwide</MenuItem>
          <MenuItem value="worldwide">Option 1</MenuItem>
          <MenuItem value="worldwide">Option 2</MenuItem>
          <MenuItem value="worldwide">Option 3</MenuItem>
        </Select>
      </FormControl>
    </div>
  );
}

export default App;

欲了解更多信息，请参考此链接https://mui.com/