I am creating a project using MERN stack.In my App.js I imported some react component but while I run it shows a blank White screen.

App.js

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

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

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

export default App;

navbar.js

import React, { Component } from 'react';
// import { Link } from 'react-router-dom';

export default class Navbar extends Component {
    render() {
    return (
        <h1>Pantha</h1>
    );
  }
}