Não estou conseguindo renderizar a pagina da rota http://localhost:3000/admin/restaurantes, aparece o erro da imagem
Link do meu github com o projeto: https://github.com/7eduardocf/Alfood
Não estou conseguindo renderizar a pagina da rota http://localhost:3000/admin/restaurantes, aparece o erro da imagem
Link do meu github com o projeto: https://github.com/7eduardocf/Alfood
Alguem pode me ajudar? estudo a noite;-;
Olá, Eduardo, como vai?
Executei o seu projeto localmente e ele funcionou normalmente.
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.
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" } }