Не удается разрешить React при импорте модуля

Я установил material-UI и пытаюсь импортировать кнопку, но это вызывает ошибку.

Код (внутри моего файла index.js в папке клиента):

import React, { Component } from 'react'
import { render } from 'react-dom'
import { Launcher } from '../../src'
import messageHistory from './messageHistory';
import Highlight from "react-highlight.js";
import './../assets/styles'
import io from 'socket.io-client';
import ReactDOM from 'react-dom';
import Button from '@material-ui/core/Button';

ошибка:

 ERROR  in ../~/@material-ui/core/Button/Button.js
 Module not found: Error: Can't resolve 'react' in `'C:\Users\dale.grant\Desktop\hyberchat-chat-service\node_modules\@material-ui\core\Button'`

И он говорит это примерно 11 раз только с разными частями, такими как Button / ripple.js.

Я заметил одну вещь: у меня есть package-json и package-lock.json для этой клиентской стороны и для моей серверной стороны, а material-ui находится внутри package-lock.json для моей серверной стороны? В любом случае, я несколько раз пытался удалить узлы-модули и т. д. И перезапустить их.

Не уверен, что я что-то пропустил? Я создал приложение из окна чата реакции не уверен, что это приложение для создания-реакции, но я думаю, что это так?

Я также попытался установить material-ui из папки клиента.

Клиент управляется веб-пакетом, а сервер - обычным узлом.

package.json: "dependencies": { "emoji-js": "3.2.2", "gh-pages": "^1.0.0", "material-ui": "^0.20.2", "prop-types": "15.5.10", "react": "^16.5.2", "react-dom": "^16.5.2", "react-highlight.js": "1.0.5", "socket.io-client": "2.0.3"

также клиент package.json:

"body-parser": "^1.18.3",
"dialogflow": "^0.7.0",
"express": "^4.16.3",
"nodemon": "^1.18.4",
"react": "^16.5.2",
"react-dom": "^16.5.2",
"socket.io": "^2.1.1"

Благодарю.