I have an issue very similar to cái này question. (See below)
My question is, what versions of React and Material UI should be installed and how?

我有一个与这个问题非常相似的问题。(见下文)我的问题是，应该安装哪些版本的Reaction和Material UI，以及如何安装？

import * as React from 'react';
import {Button} from '@mui/material';

function App() {
  trở lại (
    

      hello
    

  );
}

Material UI Button uses useContext hook but is not using it appropriately.

材料用户界面按钮使用了useContext挂钩，但使用不当。

LỖI
Cannot read properties of null (reading 'useContext')
TypeError: Cannot read properties of null (reading 'useContext')
    at Object.useContext (http://localhost:3000/main.1060eb1d58db4786d492.hot-update.js:12575:25)
    at Button (http://localhost:3000/main.1060eb1d58db4786d492.hot-update.js:2470:59)
    tại renderWithHooks (http://localhost:3000/static/js/bundle.js:21336:22)
    tại updateForwardRef (http://localhost:3000/static/js/bundle.js:23907:24)
    tại beginWork (http://localhost:3000/static/js/bundle.js:25954:20)
    tại HTMLUnknownElement.callCallback (http://localhost:3000/static/js/bundle.js:10928:18)
    tại Object.invokeGuardedCallbackDev (http://localhost:3000/static/js/bundle.js:10972:20)
    tại invokeGuardedCallback (http://localhost:3000/static/js/bundle.js:11029:35)
    tại beginWork$1 (http://localhost:3000/static/js/bundle.js:30903:11)
    tại performUnitOfWork (http://localhost:3000/static/js/bundle.js:30150:16)

Lưu ý: Tôi đã cài đặt/sử dụng tạo-ứng-dụng-phản-ứng là phương pháp của tôi để có được phản ứng. Tuy nhiên, tôi đã đọc rằng phương pháp này không còn được duy trì nữa.

Lưu ý: Tôi đã cài đặt/sử dụng ứng dụng Create-Reaction làm phương pháp để nhận Reaction. Tuy nhiên, tôi đọc được rằng điều này không còn được duy trì.

Chỉnh sửa: Package.json được liệt kê

EDIT: Danh sách Package.json

   {
  "tên": "my-material-ui-app",
  "phiên bản": "0.1.0",
  "riêng tư": đúng,
  "phụ thuộc": {
    "@mui/icons-material": "^5.14.8",
    "@mui/material": "^5.14.8",
    "@testing-library/jest-dom": "^5.17.0",
    "@testing-library/react": "^13.4.0",
    "@testing-library/user-event": "^13.5.0",
    "phản ứng": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-scripts": "5.0.1",
    "web-vitals": "^2.1.4"
    
  },
  "tập lệnh": {
    "bắt đầu": "react-scripts bắt đầu",
    "xây dựng": "xây dựng tập lệnh phản ứng",
    "test": "kiểm tra phản ứng-scripts",
    "eject": "react-scripts đẩy ra"
  },
  "eslintConfig": {
    "mở rộng": [
      "ứng dụng phản ứng",
      "ứng dụng phản ứng/jest"
    ]
  },
  "danh sách trình duyệt": {
    "sản xuất": [
      ">0,2%",
      "không chết",
      "không phải op_mini tất cả"
    ],
    "phát triển": [
      "phiên bản chrome cuối cùng",
      "phiên bản firefox cuối cùng",
      "Phiên bản safari cuối cùng"
    ]
  }
}