Code splitting with Higher order Components

appClient.js

import * as RoutingConstants from './constants/RoutingConstants';
import { Route, Switch } from 'react-router-dom';
import AboutUs from './pages/AboutUs';
import Products from './pages/Products';
import Homepage from './pages/Homepage';
import React, { Component } from 'react';;

class App extends Component<{}, {}> {
  render() {
    return (
      <div>
        <Switch>
          <Route exact path={'/'} component={Homepage} />
          <Route exact path={'/products'} component={Products} />
          <Route exact path={'/about-us'} component={AboutUs} />
        </Switch>
      </div>
    );
  }
}

export default App;