[Stack Monitoring][Angular removal] Stack monitoring sidenav link not working from inside monitoring

[estermv]

Summary

While a user is inside Stack Monitoring and clicks on the Stack Monitoring link in the sidenav, the URL is changed but the page is not updated.

This happens because in React we had to create a new history object to keep the hash we have in the URLs but we need to make use of the history instance that Kibana platform provides in the AppMountParameters.

There are some plugins that also have hash in the urls and they seem to keep both instances of history with some mechanism to keep them in sync.

In the react application for Stack Monitoring, history is created here. It also overrides some methods from history to keep search params between routes.

There is also the GlobalState class, that keeps in sync the global state with the URL and QueryState from the data plugin. It also creates a history instance (it was there prior to the Angular migration) that passes to createKbnUrlStateStorage, so we might need to keep it in sync too.

NOTE: as the globalState class is used both in Angular and React it might be easier if this is solved after removing angular.

[elasticmachine]

Pinging @elastic/logs-metrics-ui (Team:logs-metrics-ui)

[matschaffer]

This seems like a post-angular-removal issue to me. Links to other apps in the nav bar don't seem to break and it seems a little unlikely that a user would even try to re-click the side nav to get back to the top of stack monitoring.