Using React Router and Hooks Router in the Same App

App.js

import React, { Component } from 'react';
import { Route, Switch } from 'react-router-dom';
...
import { useRoutes } from 'hookrouter';

export const routes = {
 '/login': () => <Login />
};

const RenderRoutes = () => {
 const routeResult = useRoutes(routes);

 return (
  <>{routeResult}</>
 );
};


class Container extends Component {
 render() {
  return (<div>{this.props.children}</div>);
 }
}

const App = () => (
 <>

  <Switch>
   <Route component={withTracker(HomePageContainer)} exact path="/" />
   <Route component={Build} exact path="/build" />
   <Route
    component={withTracker(CompanyDetailContainer)}
    name="companydetail"
    path="/companies/:companyId/details" />
   <Route component={withTracker(InterviewContainer)} name="company" path="/interviews/companies/:companyId" />
   <Route component={withTracker(About)} name="about" path="/about" />
   <Route component={withTracker(Container)} path="/" />
   <Route component={withTracker(NotFound)} path="*" />
  </Switch>

  <RenderRoutes />

 </>
);

export default App;