Embedded App Getting Redirected To App Url On Install - Embeds Fine After Getting Installed

[Amal10]

I want to show my app URL's in my embedded app itself .However on the initial installation of my app it loads the page externally and not inside an iframe and i also load certain external site pages in the iframe .However these pages have a submit button and once it gets submitted it loads externally .How can i make the app load all content in embedded app itself instead showing it externally.

https://stackoverflow.com/questions/72627468/load-confirmation-url-in-embedded-app-itself-in-shopify

import { Heading, Page, TextStyle, Layout, EmptyState, Card } from "@shopify/polaris";

import App from "next/app";

const image = "www.abc.com";

const Index = () => (

<Page>

<Layout>

<Layout.Section>

<Card sectioned>

<EmptyState

heading=""

action={{

content: "Next",

url: "www.abc.com",

external: false,

}}

image={image}

imageContained={true}

className="imagewrapper"

>

<h1 className="tophead">Welcome to <span className="abctxt">ABC!</span></h1>

</EmptyState>

</Card>

</Layout.Section>

</Layout>

</Page>

);

export default Index;