Compilado con problemas :X

ERROR en ./src/App.js

exportar 'NavBar' (importado como 'NavBar') no se encontró en './NavBar' (exportaciones posibles: predeterminado) Ese es mi NavBar Js He exportado Navbar Aún recibo este error :)

 import React from 'react'; import { Link } from 'react-router-dom'; const NavBar = () => ( <nav> <ul> <li> <Link to="/">Home</Link> </li> <li> <Link to="/about">About</Link> </li> <li> <Link to="/articles-list">Articles</Link> </li> </ul> </nav> ); export default NavBar;

Y este es App.js en el que he exportado la aplicación pero aún muestra un error

 import React , { Component } from 'react'; import { BrowserRouter as Routes, Route, Switch,} from 'react-router-dom'; import { HomePage } from './pages/HomePage'; import { AboutPage } from './pages/AboutPage'; import { ArticlesListPage } from './pages/ArticlesListPage'; import { ArticlePage } from './pages/ArticlePage'; import { NotFoundPage } from './pages/NotFoundPage'; import { NavBar } from './NavBar'; import './App.css'; class App extends Component { render() { return ( <Routes> <div className="App"> <NavBar /> <Switch> <Route path="/" component={< HomePage />} exact /> <Route path="/about" component={< AboutPage /> } /> <Route path="/articles-list" component={< ArticlesListPage />} /> <Route path="/article/:name" component={< ArticlePage />} /> <Route component={< NotFoundPage />} /> </Switch> </div> </Routes> ); } } export default App;