Skip to content

Commit 38af765

Browse files
henriquejensencezaraugusto
authored andcommitted
Code Review feecback
1 parent 576532d commit 38af765

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

content/warnings/invalid-hook-call-warning.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ permalink: warnings/invalid-hook-call-warning.html
88

99
> Hooks can only be called inside the body of a function component.
1010
11-
Existem três razões comuns pelas quais você pode estar vendo-o:
11+
Existem três razões comuns pelas quais você pode estar vendo a mensagem:
1212

1313
1. Você pode ter **versões incompatíveis** do React e React DOM.
1414
2. Você pode estar **quebrando as [Regras dos Hooks](/docs/hooks-rules.html)**.
@@ -18,7 +18,7 @@ Vamos olhar cada um destes casos.
1818

1919
## Versões incompatíveis do React e React DOM {#mismatching-versions-of-react-and-react-dom}
2020

21-
Você pode estar usando uma versão do `react-dom` (< 16.8.0) ou `react-native` (< 0.59) que não suporta Hooks ainda. Você pode rodar `npm ls react-dom` ou `npm ls react-native` na pasta da sua aplicação para verificar qual versão esta usando. Se você encontrar mais do que uma delas, isto também pode causar problemas (mais sobre isso abaixo).
21+
Você pode estar usando uma versão do `react-dom` (< 16.8.0) ou `react-native` (< 0.59) que ainda não suporta Hooks. Você pode executar o script `npm ls react-dom` ou `npm ls react-native` na pasta da sua aplicação para verificar qual versão esta usando. Se você encontrar mais do que uma delas, isto talvez pode também causar problemas (mais detalhes sobre isso abaixo).
2222

2323
## Quebrando as Regras dos Hooks {#breaking-the-rules-of-hooks}
2424

@@ -89,13 +89,13 @@ Você pode usar o [plugin `eslint-plugin-react-hooks`](https://www.npmjs.com/pac
8989

9090
Para que Hooks funcionem, a importação do `react` no código da sua aplicação precisa ser resolvida no mesmo módulo que a importação do `react` de dentro do pacote do `react-dom`.
9191

92-
Se estas importações do `react` resolverem para dois objetos exportados diferentes, você irá ver este aviso. Isso pode acontecer se você **acidentalmente acabar com duas cópias** do pacote `react`.
92+
Se estas importações do `react` resolverem para dois objetos exportados diferentes, você verá este alerta. Isso pode acontecer se você **acidentalmente acabar com duas cópias** do pacote `react`.
9393

94-
Se você usa o gerenciador de pacotes do Node, você pode rodar este verificador na pasta do seu projeto:
94+
Se você usa o gerenciador de pacotes do Node, você pode executar este verificador na pasta do seu projeto:
9595

9696
npm ls react
9797

98-
Se você ver mais do que um React, você irá precisar descobrir por que isso acontece e arrumar a sua árvore de dependência. Por exemplo, talvez uma biblioteca que você está usando incorretamente especifique o `react` como uma dependência (ao invés de uma dependência de pares). Até que esta biblioteca seja arrumada, [a resolução do Yarn](https://yarnpkg.com/lang/pt-br/docs/selective-version-resolutions/) é uma possível solução alternativa.
98+
Se você ver mais do que um React, você precisará descobrir por que isso acontece e corrigir a sua árvore de dependência. Por exemplo, talvez uma biblioteca que você está usando incorretamente especifique o `react` como uma dependência (ao invés de uma dependência de pares). Até que esta biblioteca seja arrumada, [a resolução do Yarn](https://yarnpkg.com/lang/pt-br/docs/selective-version-resolutions/) é uma possível solução alternativa.
9999

100100
Você pode tentar depurar este problema adicionando alguns logs e reiniciando seu servidor de desenvolvimento:
101101

@@ -111,7 +111,7 @@ console.log(window.React1 === window.React2);
111111

112112
Se ele imprimir `false` então você pode ter dois Reacts e precisa descobrir por que isso aconteceu. [Esta issue](https://github.com/facebook/react/issues/13991) inclue algumas razões comuns encontradas pela comunidade.
113113

114-
Este problema pode também aparecer quando você usa `npm link` ou um equivalente. Neste caso, seu bundler pode "ver" dois React — um na pasta da aplicação e outro na pasta da sua biblioteca. Assumindo que `myapp` e `mylib` são pastas irmãs, uma possível resolução é rodar `npm link ../myapp/node_modules/react` de dentro da `mylib`. Isto deverá fazer a biblioteca usar a cópia do React da aplicação.
114+
Este problema pode também aparecer quando você usa `npm link` ou um equivalente. Neste caso, seu bundler pode "ver" dois React — um na pasta da aplicação e outro na pasta da sua biblioteca. Assumindo que `myapp` e `mylib` são pastas irmãs, uma possível resolução é executar o script `npm link ../myapp/node_modules/react` de dentro da `mylib`. Isto fará com que a biblioteca use a cópia do React da aplicação.
115115

116116
>Nota
117117
>

0 commit comments

Comments
 (0)