Micro Frontend App Index.js

index.js

/**
 *
 * App
 *
 * This component is the skeleton around the actual pages, and should only
 * contain code that should be seen on all pages. (e.g. navigation bar)
 */

import React from 'react';
import { Router, Route } from 'react-router-dom';
import { createBrowserHistory } from 'history';

import Dog from 'containers/Dog';

const defaultHistory = createBrowserHistory();

// eslint-disable-next-line react/prop-types
export default function App({ history = defaultHistory }) {
  return (
    <Router history={history}>
      <Route exact path="/" component={Dog} />
    </Router>
  );
}