title: React router history.push is not a function
body: <p>I have two problems. I've read some SO posts and browsed through various docs, but I run into different explanations.</p>
  
  <p>This is what I've got:</p>
  
  <pre><code>var Router = window.ReactRouter.Router;
  var useRouterHistory = window.ReactRouter.useRouterHistory;
  var Route = window.ReactRouter.Route;
  var Link = window.ReactRouter.Link;
  const createHistory = window.History.createHistory;
  const appHistory = useRouterHistory(createHistory)({ queryKey: false });
  
  var MyTable = React.createClass({
      getInitialState: function() {
      ...
      history.push({
        pathname: window.location.href.split('?')[0],
        search: querystring,
        state: { 'data': initial_data }
      });
      ...
      },
      ...
  });
  
  ReactDOM.render((
    &lt;Router history={appHistory}&gt;
      &lt;Route path={window.page_url} component={MyTable}&gt;
      &lt;/Route&gt;
    &lt;/Router&gt;
  ), document.getElementById('my-table-wrapper'));
  </code></pre>
  
  <p>Problem number 1 is: history.push is not a function.</p>
  
  <p>Problem number 2 is: if I use, for example, window.history.pushState, I do get nice URLs that change on browser's back and forward buttons and I saw that I can perform actions onpopstate. What is the equivalent of that for the history that I'm trying to use above?</p>
  
  <p>Thanks.</p>