erro 'document' não está definido: eslint / React - reactjs, jsx, jest, jsdom

Eu estou construindo um aplicativo React, com create-react-app.

Eu recebi o seguinte erro ao executar o eslint: 8: 3 erro "documento" não está definido no-undef.

Aqui estão os seguintes arquivos .jsx e minha configuração eslint. Meu aplicativo é executado sem erro, mas recebi esse erro eslint em dois arquivos.

index.jsx:

import React from "react";
import ReactDOM from "react-dom";
import App from "./App";
import "./index.css";

ReactDOM.render(
<App />,
document.getElementById("root"),
);

eslintrc.js:

module.exports = {
"extends": "airbnb",
"plugins": [
"react",
"jsx-a11y",
"import"
],
"env": {
"jest": true
}
};

Como posso consertar isso ? No momento eu simplesmente vou ignorar os dois arquivos ... mas eu prefiro encontrar uma solução de longo prazo.

Respostas:

Adicionar "browser": true seu env para incluir variáveis ​​globais (como documento, janela etc.)

Veja o Documentação do ambiente ESLint Para maiores informações.

Na tua package.json, especifique o ambiente de teste para jest como "jsdom" do seguinte modo:

  "jest": {
"testEnvironment": "jsdom"
}

Eu enfrentei o mesmo problema e funcionou bem para mim.

definir uma propriedade env no arquivo eslint.rc, por exemplo

{
"env": {
"browser": true,
"node": true
}
}