Problema na estilização de elementos com Material Ui Usando o Next JS

Estou enfrentando problemas para usar o Material UI com o Next JS. O problema é o seguinte: quando estou executando o projeto com ‘npm run dev’, o aplicativo é executado perfeitamente, no entanto, quanto eu executo o npm run build e, após, executo o npm start (para o modo de produção), aparentemente, algum css ou outra coisa (não sei o que é), não mostra, na tela, o mesmo que npm run dev . Abaixo, a imagem que mostra o problema.

inserir a descrição da imagem aqui

Descobri algo importante, que resolve, por exemplo, quando altero o CSS no próprio navegador, no modo produção. Tudo está dando errado, isto é, todos os códigos, quando faço o npm run build e, sem seguida, executo o npm start, por causa do código marcado na img 1. Notem que, na img 4, o nome da classe é idêntico a do stilo do makeStyles. Não sei o que está acontecendo, mas na hora que executo o npm run build, o nome da classe fica diferente, e ele cria uma classe denominada jss1, incrementado-a. Ajudem-me, por favor. Agradeço. inserir a descrição da imagem aqui Estou usando o Next JS:https://nextjs.org/

Material UI: https://material-ui.com/

Package.json:

{ "name": "nextjs", "version": "4.0.0", "private": true, "dependencies": { "@material-ui/core": "^4.2.1", "@material-ui/icons": "^4.2.1", "@material-ui/styles": "^4.2.1", "clsx": "latest", "cross-env": "^5.2.0", "next": "latest", "npm-check-updates": "^3.1.20", "prop-types": "latest", "react": "latest", "react-dom": "latest", "react-select": "^3.0.4", "styled-components": "^4.3.2" }, "scripts": { "dev": "next", "build": "next build", "start": "cross-env NODE_ENV=production && next start" } }