Как исправить ошибку "Prop` className` не совпадает. Сервер: "MuiFormLabel-root-75 ...."?

Question

Я использую NextJS, и я попытался использовать "@ material-ui / core".Когда я пытался использовать пользователя TextFiend, я получил сообщение об ошибке:

index.js: 2178 Предупреждение: пропеллер className не соответствует.Сервер: "MuiFormLabel-root-75 MuiInputLabel-root-64 MuiInputLabel-formControl-69 MuiInputLabel-animated-72" Клиент: "MuiFormLabel-root-16 MuiInputLabel-root-5 MuiInputLabel-formControl-10 MuiInLutal 13"*

Мой код:

import React from 'react'
import Button from '@material-ui/core/Button'
import TextField from '@material-ui/core/TextField'

 export default class Footer extends React.Component {
  static formTypes = ['employer', 'employee']

  formRef = null

  state = {
    formType: Footer.formTypes[0]
  }

  render () {
    return (
      <footer className="footer">
        <div className="footer__content">
          <div className="footer__block">
            <form id="footer__form">
              <TextField type="text" name="name" label="Name"/>

              <Button type="submit">Send</Button>
              <input type="hidden" value={'employer'}/>
            </form>

          </div>

          <div className="footer__block"></div>
        </div>
      </footer>
    )
  }
}

Что мне нужно сделать, чтобы исправить это?

Мой package.json:

{
  "name": "custom-server-express",
  "version": "1.0.0",
  "scripts": {
    "dev": "node server.js",
    "build": "next build",
    "start": "NODE_ENV=production node server.js"
  },
  "dependencies": {
    "@material-ui/core": "^3.6.1",
    "@zeit/next-css": "^1.0.1",
    "@zeit/next-sass": "^1.0.1",
    "express": "^4.16.4",
    "next": "^7.0.2",
    "node-sass": "^4.10.0",
    "normalize.css": "^8.0.1",
    "react": "^16.6.3",
    "react-dom": "^16.6.3"
  },
  "devDependencies": {
    "babel-plugin-module-resolver": "^3.1.1"
  }
}

Iне импортировал никакую часть @ material-ui в другие файлы моей кодовой базы.Только пример кода.