SingleSPA popsate & ReactRouter view transitions

[tatsmaki]

Describe the bug or question
SingleSPA emits additional custom popstate event https://single-spa.js.org/docs/api/#popstateevent
which causes react router view transitions to blink on mount.

The following code removes the bug, but does not allow to sync router with history.

window.addEventListener('single-spa:before-routing-event', event => {
    event.detail.cancelNavigation();
});

To Reproduce
I don't have repo which I can share at the moment, but maybe later.

Expected behavior
Well, SingleSPA should not affect other tools/features and modify default browser behaviour.
But it would be good to have a way to tell ReactRouter to ignore SingleSPA's popstate.

The following code can check that popstate is from SingleSPA, but I don't know how to stop ReactRouter from receiving it

window.addEventListener('popstate', event => {
    if (eventt.singleSpa) {
        console.warn('This event was fired by single-spa to forcibly trigger a re-render');
    }
});

Given ReactRouter team will likely just close such issue, I hope to try something here.
Let me know if you encountered and solved this.

[tatsmaki]

Luckily router accepts optional window object which is used internally.
This is enough to make it ignore popstate event

createBrowserRouter([...], {
    window: {
        ...window,
        addEventListener: // check for popstate event.singleSpa here
    },
});