Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

[Bug] Não estou conseguindo renderizar a pagina de administração

Não estou conseguindo renderizar a pagina da rota http://localhost:3000/admin/restaurantes, aparece o erro da imagem Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Link do meu github com o projeto: https://github.com/7eduardocf/Alfood

3 respostas

Alguem pode me ajudar? estudo a noite;-;

Olá, Eduardo, como vai?

Executei o seu projeto localmente e ele funcionou normalmente.

Uma interface da web exibe uma lista de nomes de restaurantes, incluindo Aluroni e Obi-Wan Kenobi Sushi, com ferramentas de desenvolvedor visíveis na lateral

Esse erro do React geralmente significa que você está tentando renderizar um objeto JavaScript diretamente dentro do JSX, ao invés de um elemento React ou uma string/array de elementos. No seu caso, o erro ocorre dentro do componente TableContainer. Provavelmente está passando para ele algum objeto diretamente.

Como seu projeto rodou sem erros por aqui, vale revisar os pontos onde você renderiza listas ou componentes filhos, especialmente no componente relacionado a restaurantes. Confirme se não está retornando um objeto por engano em algum return do JSX.

Se precisar de mais ajuda, envie um print do trecho de código onde faz a listagem dos restaurantes e atualize o repositório, assim eu posso apontar mais precisamente onde ajustar.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!
solução!

Pra quem estiver com o mesmo erro, recomendo verificar as versões do mui e as versões do react, meu problema era que a versão do MUI estava muito acima da versão que o react suportava, precisei atualizar para uma versão superior do react e do testing library. Segue meu package.json:

{ "name": "alfood", "version": "0.1.0", "private": true, "dependencies": { "@emotion/react": "^11.14.0", "@emotion/style": "^0.8.0", "@emotion/styled": "^11.14.1", "@mui/material": "^7.2.0", "@testing-library/react": "^14.0.0", "@testing-library/user-event": "^13.5.0", "@types/jest": "^27.4.0", "@types/node": "^16.11.21", "@types/react": "^18.0.0", "@types/react-dom": "^17.0.11", "axios": "^1.10.0", "react": "^18.2.0", "react-dom": "^18.2.0", "react-router-dom": "^6.2.1", "react-scripts": "5.0.0", "typescript": "^4.5.5", "web-vitals": "^2.1.4" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, "eslintConfig": { "extends": [ "react-app", "react-app/jest" ] }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] }, "devDependencies": { "@testing-library/jest-dom": "^6.6.3", "@types/prop-types": "^15.7.15", "@types/react-transition-group": "^4.4.12", "@types/scheduler": "^0.26.0", "sass": "^1.49.0", "typescript-plugin-css-modules": "^3.4.0" } }