I am trying to embed iframe of chatgpt in nextjs page. It is loading the initial login with login and signup button, but not moving to next page on clicking login or signup

ChatGPT
1 
import { useState } from "react";
import { useEffect } from "react";

export const getServerSideProps = () => ({ props: {}, unstable_runtimeJS: false });

export default function ChatGpt() {

const [url, setUrl] = useState('https://chat.openai.com/auth/login')
    


  return (
    <div>
    <iframe src={url} frameBorder="0" width="100%" height="600px" sandbox="allow-same-origin allow-scripts allow-popups allow-forms"></iframe>
    </div>

  );
}

Is open.ai blocking Iframining of chatgpt or nextjs.