Hey everyone, I’ve been trying to force a redirect on my nextJS app.

For instance, someone sends a link to my app on Instagram. When I open it on Instagram, it opens in Instagram’s embedded browser. I want it to redirect to Safari as soon as it opens on the embedded browser on Insta, LinkedIn, etc.

The code that I’ve implemented after reading documentation and articles, manages to open safari, but does a google search using the default search engine.

How do I fix this?

https://felixcarmona.com/solving-google-login-issues-linkedin-ios/

This is the reference article I used.

“””

utils/detectEmbeddedBrowser.js
import { android_regex, ios_regex } from "./regex/regex";
export const detectEmbeddedBrowser = () => {
code not included due to text limit }

export const handleEmbeddedBrowserRedirect = () => {
if (detectEmbeddedBrowser()) {
const isIOS = ios_regex.test(navigator.userAgent) && !window.MSStream;
const isAndroid = android_regex.test(navigator.userAgent);
const url = window.location.href;
if (isIOS) {
alert("Please open this page in Safari for the best experience.");
window.location.href = x-web-search://?${url};
}
else if (isAndroid) {
alert("Please open this page in Chrome for the best experience.");
window.location.href = googlechrome://navigate?url=${url};
}
// Fallback for other environments
else {
alert("For the best experience, please open this page in your default browser.");
}
}
};
“””

Looking forward to what you guys have to share. Thank you!