Next.JS: не удается найти модуль '@emotion/react'

Я использовал Next.JS для создания тестового проекта для изучения фреймворка. Пока все хорошо, пока я не решил использовать MUI для создания таблицы, поэтому с помощью npm я установил @mui/material @emotion/react и @emotion/styled, но когда дело доходит до рендеринга таблицы, Next выдает ошибку, описанную в заголовке.

"dependencies": {
 "@emotion/react": "^11.8.1",
 "@emotion/styled": "^11.8.1",
 "@mui/material": "^5.6.1",
 "axios": "^0.26.1",
 "next": "12.1.4",
 "react": "18.0.0",
 "react-dom": "18.0.0"
 },

Это мои зависимости в package.json, я попытался понизить @emotion/react с 11.9.0 до 11.8.1, чтобы узнать, была ли это версия, но все равно получаю ту же ошибку. Ниже приведен код таблицы, чтобы вы знали, что я пытаюсь сделать.

import { Table, TableBody, TableHead, TableCell, TableRow, TableContainer } from "@mui/material";
 export default function Authors({authors}){
 return( 
 //... 
  <TableContainer>
  <Table aria-label="authors table">
  <TableHead>
  <TableRow>
   <TableCell align="center">Name</TableCell>
  </TableRow>
  </TableHead>
  <TableBody>
  {authors.map(({ authorID, name }) => (
   <TableRow key={authorID}>
   <TableCell>{name}</TableCell>
   </TableRow>
  ))}
  </TableBody>
  </Table>
  </TableContainer>
 //...
 )}

Решение проблемы

Я попытался воспроизвести то, что вы сделали здесь, и у меня это отлично работает, мой package.json выглядит так:

"dependencies": {
 "@emotion/react": "^11.9.0",
 "@emotion/styled": "^11.8.1",
 "@mui/material": "^5.6.1",
 "next": "12.1.5",
 "react": "18.0.0",
 "react-dom": "18.0.0"
 },

попробуйте обновить next.js до 12.1.5

также попробуйте перезапустить сервер, так как установлен новый пакет