Ao abrir o console pra verificar as requests vi que tá fazendo infinitas requests na api http://localhost:8000/api/v2/restaurantes/, Se possível corrigir isso aí ;/
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Ao abrir o console pra verificar as requests vi que tá fazendo infinitas requests na api http://localhost:8000/api/v2/restaurantes/, Se possível corrigir isso aí ;/
Salve, Filipe!
Consegue compartilhar seu código? :)
Assim a gente descobre o que tá rolando
Filipão, no seu useEffect na linha 17 do arquivo ficou faltando passar o segundo argumento, que é um array vazio:
Assim:
useEffect(() => {
axios
.get<IRestaurante[]>("http://localhost:8000/api/v2/restaurantes/")
.then((resposta) => setRestaurantes(resposta.data));
}, []);Ao invés de:
useEffect(() => {
axios
.get<IRestaurante[]>("http://localhost:8000/api/v2/restaurantes/")
.then((resposta) => setRestaurantes(resposta.data));
});Esse array indica que queremos realizar esse efeito somente uma vez. Mais detalhes aqui na documentação.
ahh lol, apenas isso ocasionou as infinitas requests? xD
Valeu pela ajuda!
Parece pouca coisa, né?
Mas faz toda a diferença. Em breve vai sair um Alura+ só sobre esse hook :)
Bons estudos!