Outlook Add In works in local dev, not in production about office-addin-taskpane-react-js HOT 5 CLOSED

    <script type="text/javascript">
        // Office js deletes window.history.pushState and window.history.replaceState. Cache them and restore them
        window._historyCache = {
            replaceState: window.history.replaceState,
            pushState: window.history.pushState
        };
    </script>
    <!-- Office JavaScript API -->
    <script type="text/javascript" src="https://appsforoffice.microsoft.com/lib/1.1/hosted/office.js"></script>
    <script type="text/javascript">
        // Office js deletes window.history.pushState and window.history.replaceState. Restore them
        window.history.replaceState = window._historyCache.replaceState;
        window.history.pushState = window._historyCache.pushState;
    </script>

import * as React from "react";
import {
  BrowserRouter as Router,
  Route,
  Link
} from 'react-router-dom'
import Progress from "./Progress";
import HomeMenu from './HomeMenu';

const routes = [
  {
    path: '/taskpane.html',
    exact: true,
    menu: () => <HomeMenu />,
    main: () => <div></div>
  },
  {
    path: '/newthing',
    menu: () => <div><Link to="/taskpane.html">Back</Link></div>,
    main: () => <h2>New Thing Component</h2>
  },
  {
    path: '/nextthing',
    menu: () => <div><Link  to="/taskpane.html">Back</Link></div>,
    main: () => <h2>Next thing Component</h2>
  },
  {
    path: '/bottlenecks',
    menu: () => <div><Link to="/taskpane.html">Back</Link></div>,
    main: () => <h2>Another Component</h2>
  }
]

const App = ({ title, isOfficeInitialized }) => {

    if (!isOfficeInitialized) {
      return (
        <Progress title={title} logo="assets/logo-filled.png" message="Please sideload your addin to see app body." />
      );
    }

    return (
      <div className="ms-welcome test">
      <Router>
      {
        routes.map((route) => (
          <Route
            key={route.path}
            path={route.path}
            exact={route.exact}
          >
            <route.menu /> 
          </Route>
        ))
      }
      {
        routes.map((route) => (
          <Route
            key={route.path}
            path={route.path}
            exact={route.exact}
          >
            <route.main />
          </Route>
        ))
      }
      </Router>
      </div>
    );
  }

  export default App;