1
resposta

Ao rodar o projeto aparece o seguinte erro, como corrigir?

Failed to compile.

./src/componentes/Header/index.jsx Line 11:9: 'React' must be in scope when using JSX react/react-in-jsx-scope Line 12:13: 'React' must be in scope when using JSX react/react-in-jsx-scope Line 13:13: 'React' must be in scope when using JSX react/react-in-jsx-scope Line 14:13: 'React' must be in scope when using JSX react/react-in-jsx-scope

Search for the keywords to learn more about each error.

1 resposta

Olá Claressa, como vai? Espero que esteja bem!

O erro que você está vendo significa que o React não está sendo reconhecido no escopo do seu arquivo JSX. Isso geralmente acontece quando você esquece de importar a biblioteca React no início do seu arquivo.

Para resolver isso, você deve adicionar a seguinte linha no topo do seu arquivo index.jsx:

import React from 'react';

Isso irá importar a biblioteca React e disponibilizá-la para uso em seu arquivo. A partir daí, você deve ser capaz de usar JSX sem problemas.

Aqui está um exemplo de como seu arquivo pode ficar:

import React from 'react';

function Header() {
  return (
    <header>
      <h1>Meu Projeto</h1>
    </header>
  );
}

export default Header;

Espero ter ajudado!

Caso tenha dúvidas, fico á disposição.

Abraços e bons estudos!