App.js

import React from 'react';
import Popular from './Popular';
import { BroswerRouter, Route } from 'react-router-dom';
import Nav from './Nav';
import Home from './Home';
import Battle from './Battle';

class App extends React.Component {
  render() {
    return (
      <Router>
        <div className='container'>
          <Nav />
          <Route exact path='/' component={Home} />
          <Route path="/battle" component={Battle} />
          <Route path='/popular' component={Popular} />
        </div>
      </Router>
    )
  }
}

export default App;