Недопустимый тип элемента: метод проверки.

Question

Следующая ошибка произошла после использования response-router-dom:

Тип элемента недопустим: ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), нополучил: не определено.Вы, вероятно, забыли экспортировать свой компонент из файла, в котором он определен, или вы могли смешать импорт по умолчанию и с именами.Проверьте метод рендеринга CustomNavbar.

App.js:

import React, { Component } from 'react';
import './App.css';
import { BrowserRouter as Router ,Route } from 'react-router-dom' ;
import Home from './components/Home' ;
import Company from './components/Company' ;
import News from './components/News' ;
import Services from './components/Services' ;
import Contact from './components/Contact' ;
import Partners from './components/Partners' ;
import Navbar from './components/CustomNavbar' ;


class App extends Component {
  render() {
    return (
      <Router> 
       <div>
         <Navbar />
        <Route exact path ="/" component ={Home} />
        <Route path ="/company" component ={Company} />
        <Route path ="/services" component ={Services} />
        <Route path ="/partners" component ={Partners} />
        <Route path ="/news" component ={News} />
        <Route path ="/contact" component ={Contact} />
       </div>
      </Router>
    );
  }
}

export default App;

CustomNavbar.jsx:

import React, { Component } from 'react';
import './App.css';
import { BrowserRouter as Router ,Route } from 'react-router-dom' ;
import Home from './components/Home' ;
import Company from './components/Company' ;
import News from './components/News' ;
import Services from './components/Services' ;
import Contact from './components/Contact' ;
import Partners from './components/Partners' ;
import Navbar from './components/CustomNavbar' ;


class App extends Component {
  render() {
    return (
      <Router> 
       <div>
         <Navbar />
        <Route exact path ="/" component ={Home} />
        <Route path ="/company" component ={Company} />
        <Route path ="/services" component ={Services} />
        <Route path ="/partners" component ={Partners} />
        <Route path ="/news" component ={News} />
        <Route path ="/contact" component ={Contact} />
       </div>
      </Router>
    );
  }
}

export default App;

Index.js :

import React, { Component } from 'react';
import './App.css';
import { BrowserRouter as Router ,Route } from 'react-router-dom' ;
import Home from './components/Home' ;
import Company from './components/Company' ;
import News from './components/News' ;
import Services from './components/Services' ;
import Contact from './components/Contact' ;
import Partners from './components/Partners' ;
import Navbar from './components/CustomNavbar' ;


class App extends Component {
  render() {
    return (
      <Router> 
       <div>
         <Navbar />
        <Route exact path ="/" component ={Home} />
        <Route path ="/company" component ={Company} />
        <Route path ="/services" component ={Services} />
        <Route path ="/partners" component ={Partners} />
        <Route path ="/news" component ={News} />
        <Route path ="/contact" component ={Contact} />
       </div>
      </Router>
    );
  }
}

export default App;