Компонент React не определен no-undef

Как новичок, я пытаюсь отобразить целевую страницу ответа по умолчанию из header.js в index.js. Пожалуйста, помогите мне с объяснением, в чем я ошибаюсь Index.js -

import React from 'react';
import ReactDOM from 'react-dom';
import './header.css';
import Header from './header';
import registerServiceWorker from './registerServiceWorker';

class App extends Component {
    render() {
      return (
        <Header />
      );
    }
  }

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

header.js -

import React from 'react';
import ReactDOM from 'react-dom';
import './header.css';
import registerServiceWorker from './registerServiceWorker';

class Header extends Component {
    render() {
      return (
        <div className = "App">
          <header className = "App-header">
            <h1 className = "App-title">Welcome to React</h1>
          </header>
          <p className = "App-intro">
            To get started, edit <code>src/App.js</code> and save to reload.
          </p>
        </div>
      );
    }
  }

Ошибка -

./src/index.js
  Line 7:  'Component' is not defined  no-undef