I agree with you, and I am interested in a solution for that. FYI, I had recently put a bounty on an old question on Stackoverflow that you might wanna check https://stackoverflow.com/questions/55884643/ionic-4-routing-with-angular-6

Basically the situation, as I understand it, is the following:

1. There was a way to set browser history (or at least, navigation history) in Ionic

2. There is not anymore

3. An Angular (or React) solution is not enough to solve the problem

Another concrete use case: user needs to listen for the appUrlOpen to intercept a Universal Link, and navigate to that component, e.g. :

# history.ts
import { createBrowserHistory } from 'history';
import { History } from 'history';

export type ReadonlyBrowserHistory = Readonly<History>
export const browserHistory: ReadonlyBrowserHistory = createBrowserHistory();

# App.tsx
import { browserHistory } from './history';
...
     <IonApp>
        <IonReactRouter history={browserHistory}>
          <IonRouterOutlet id='main' key={String(user)}>
            <Route path='/' render={() => user === null ? <LoggedOutRouter /> : <LoggedInRouter />} />
          </IonRouterOutlet>
        </IonReactRouter>
        <Menu />
      </IonApp>

# File listening for Universal Link events
import {browserHistory} from './history'

IonicApp.addListener("appUrlOpen",` (data) => {
  browserHistory.push(data.url)
}

To my knowledge there's not a clean way to handle this.

IonReactRouter currently wraps BrowserRouter, which doesn't accept pre-built history.

I'll look into changing it to wrap Router instead and provide the browser stuff ourselfs.

When we can apply a custom browser history to the IonReactRouter component?

In case anyone finds this issue and is disappointed this hasn't been implemented yet, here's a quick workaround which seems to work for us.

import React from 'react'
import { History } from 'history'
import { useHistory } from 'react-router'

// Add custom property 'appHistory' to the global window object
declare global {
  interface Window { appHistory: History }
}

const MyApp: React.FC = () => {
  // Store the history object globally so we can access it outside of React components
  window.appHistory = useHistory()

  ...
}

You are now able to access and mutate the history from anywhere in your app using the window.appHistory property.

Hi @elylucas, are there any updates on this?