[possible regression] window.history.replaceState fails in iframes and native webviews

[omryshap]

Bug report

Describe the bug

As reported here (#3118, #3437, #5523), using next inside a iframe or native webview (android for example), fails on this error Error: Failed to execute 'replaceState' on 'History': A history state object with URL.

To Reproduce

create a webview in a native app, add src to a nextjs app, console will show the above error

Expected behavior

should not throw an error

Additional context

seems like this was handled in the past but either wasn't merged or somehow was removed from the codebase.

[semoal]

By the way, I only have this issue on exported html that i render on a iframe like this:

<iframe srcDoc={data.htmlReturned} />

data.htmlReturned is the html exported by the method app.renderToHtml() that comes from nextjs server side rendering. Also it has a base url that appends the url of the micro service that generates this html.

[timneutkens]

Instead of posting "same issue" "ping" or similar use GitHub's reaction system and 👍 on the issue.

https://help.github.com/en/articles/about-conversations-on-github#reacting-to-ideas-in-comments

[smddzcy]

I'm getting the same error while trying to render a Next.js app inside react-frame-component.

[DuudeXX8]

I'm not getting this error inside a iframe neither native webview.I get this when my page url end with two or more slashes. //.If I remove withRedux in this part of my code export default withRedux(makeStore)(MyApp); from _app.js file I get Internal Server Error in // this route.

Any help appreciated.

[marbiano]

@smddzcy could you help me to build an example where this is failing? I put an example in here but it seems to be working fine. I also tried to add the app to a regular iframe as src and it's working fine too.

@omryshap is there any simple way to create a webview on a native app for a non-mobile developer like me? :)

[nikhiltech]

We are facing same issue in MS word extension which is using IE11 underneath. Works well if the iframe is opened in chrome.

[jankaifer]

I've tried reproducing this with next@13 and iframes work fine in chrome and firefox:
Iframe wrapper on codesandbox: https://codesandbox.io/s/admiring-villani-l7gtqg?file=/src/App.js

We are facing same issue in MS word extension which is using IE11 underneath. Works well if the iframe is opened in chrome.

We are not supporting IE: https://nextjs.org/docs/basic-features/supported-browsers-features

I'm not getting this error inside a iframe neither native webview.I get this when my page url end with two or more slashes. //.If I remove withRedux in this part of my code export default withRedux(makeStore)(MyApp); from _app.js file I get Internal Server Error in // this route.

I wasn't able to reproduce this.

I'll close this issue, but feel free to open a new one if you can reproduce this in a supported browser.

[github-actions]

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.