Product Manager React Component

ProductManager.jsx

import React, {Suspense} from 'react';
import {BrowserRouter as Router, Route} from 'react-router-dom';

import ProductManagerIndex from './ProductManagerIndex';
const ProductManagerCreate = React.lazy(() => import('./ProductManagerCreate'));

export default function ProductManager () {
  return (
    <Suspense fallback={<div>Loading...</div>}>
      <Router>
        <Route exact path="/" component={ProductManagerIndex} />
        <Route path="/new" component={ProductManagerCreate} />
      </Router>
    </Suspense>
  );
}