I have a react app that is deployed and having a url (e.g. https://accounts.google.com/signin/v2/identifier?hl=en&continue=https%3A%2F%2Fmail.google.com&service=mail&ec=GAlAFw&flowName=GlifWebSignIn&flowEntry=AddSession) that has login page.

I have another react app on another server (e.g. localhost:3000) and I want to use the deployed app inside my this test project by authorizing it and then using it as it is.

Is it possible for the iframe to authorize it and use it?

const App = () => {
  return (
    <iframe
      src="https://accounts.google.com/signin/v2/identifier?hl=en&continue=https%3A%2F%2Fmail.google.com&service=mail&ec=GAlAFw&flowName=GlifWebSignIn&flowEntry=AddSession"
      height="100%"
      width="100%"
      title="Test"
    ></iframe>
  );
};

export default App;