title: child app as npm package does not rerender
body: <p>I have a parent app that loads a child app created as a separate npm package. When the child app (<code>MyComponent</code>) state changes, the parent app doesn't rerender, causing some "rerender-blocking" for the child app.</p>
  
  <pre><code>// parent app
  // package.json
  "my-child-app": "^0.1.0"
  
  // ChildApp.jsx
  import ChildApp from "my-child-app";
  ...
  render() {
    return &lt;ChildApp appHistory={history} /&gt;;
  }
  
  // child app
  render() {
    const { history } = createHistory(this.props.appHistory);
    return (
      &lt;Provider store={store}&gt;
        &lt;PersistGate loading={null} persistor={persistor}&gt;
          &lt;Router history={history}&gt;
            &lt;Switch&gt;
              &lt;Route path="*" component={MyComponent} /&gt;
            &lt;/Switch&gt;
          &lt;/Router&gt;
        &lt;/PersistGate&gt;
      &lt;/Provider&gt;
    );
  }
  </code></pre>
  
  <p>Is the issue due to the routes? Or something else?</p>