'Reaccionar' debe estar en el alcance cuando se usa el error JSX react/react-in-jsx-scope

Cuando ejecuté la aplicación, ocurrió el error anterior... Creo que hay un conflicto con eslint después de instalar el complemento de Babel, pero no sé la solución exacta.

<Aplicación.js>

 import Header from '../src/components/Header' function App() { return ( <Header /> ); }; export default App;

<Encabezado.js>

 import styled from 'styled-components' const HeaderContainer = styled.div` `; function Header() { return ( <HeaderContainer>Hello</HeaderContainer> ) }; export default Header;

FYI, agregar "importar React from 'react'" a Header.js no cambia nada...