Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: | React: Function Components, uma abordagem moderna

1
resposta

Referente ao curso React: Function Components, uma abordagem moderna, no capítulo Iniciando com Functions components e atividade Facilitando a prototipação

por José Reginaldo Gonçalves Loiola Júnior

| 50.8k xp | 4 posts

Meu código está dando erro após incluir o hook. Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

por Vinícius Fabris Leite Victorino

| 23.4k xp | 5 posts

07/12/2021

José, esse erro é bem chatinho. Acontece quando se usa um hook fora de um Functional Component, ou quando existem mais de uma instancia do react instalada o que causa um conflito.

O que eu faria é rodar o create react app em outra pasta copiar e colar o código que apresentou acima e ver se o erro persiste.

Aqui a doc, oficial, desse erro em pt-BR: https://pt-br.reactjs.org/warnings/invalid-hook-call-warning.html