Jupyterhub iframe Forbidden error

Could someone please walk me through the precise setup required to open Jupyterhub in an iframe? The configurations I’m using right now are listed below:

hub:
    extraConfig:
        customCorsConfig: |
        c.Spawner.args = [f'--NotebookApp.allow_origin=*','--NotebookApp.tornado_settings={"headers":{"Content-Security-Policy": "frame-ancestors *;"}, "cookie_options": {"SameSite": "None", "Secure": True}}']
        c.JupyterHub.tornado_settings = {
            'headers': {
                'Access-Control-Allow-Origin': '*',
                'Content-Security-Policy': "frame-ancestors *;"
            },
            "cookie_options": {"SameSite": "None", "Secure": True}
        }

I managed to open the flow up to the server selection in iframe with the support of these configurations, however the notebook pod screen would not open after that. It displays an error that is forbidden.

What singleuser image are you using? Most modern image contain Jupyter Server
https://jupyter-server.readthedocs.io/en/latest/users/configuration.html