«Компонент» не определен no-undef. «Реакция» должна быть в области действия при использовании JSX реагировать / реагировать в jsx-области

Question

Таким образом, я могу импортировать оба компонента, и компонент в порядке, но как только я пытаюсь импортировать React Router и все, что с ним происходит, появляется следующая ошибка. Я вычеркиваю эту строку, ошибка исчезает.

src / component / JobComponent.jsx Строка 1:28: «Компонент» не определен no-undef Строка 4:13: «React» должен находиться в области видимости при использовании JSX реагировать / реагировать в jsx-scope

Код выглядит следующим образом. Это должно быть довольно просто, верно?

import React, { Component } from 'react';
import ListJobsComponent from './ListJobsComponent';
import JobComponent from './JobComponent';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
...

class JobComponent extends Component {
    render() {
      return (
            <h1>Job Details</h1>
      )
  }
}
export default JobComponent

// Rest of file

Редактировать: Добавлен код JobComponent в соответствии с запросом.