I have a simple react page with a navbar and a single route.

App.js:

```
import React from 'react';
import { BrowserRouter as Router, Route } from "react-router-dom";
import "bootstrap/dist/css/bootstrap.min.css";

import Navbar from "./components/navbar.component"
import CreateUser from "./components/create-user.component";

function App() {
  return (
    <Router>
      <div className="container">
        <Navbar />
        <br />
        <Route path="/user" component={CreateUser} />
      </div>
    </Router>
  );
}
export default App;

```

create-user.component.js:

```
import React, { Component } from 'react';

export default class CreateUser extends Component {
    render() {
        return (
            <div>
                <p>You are on the Create User component!</p>
            </div>
        )
    }
}

```

The navbar displays ok but if I add in the route the navbar disappears and the routed page doesn't work.