Using custom login page

Hi, I am trying to use a custom login page. I have my page implemented with a login button and on click event I am calling the kindeClient.login method passing the following options
{
    authUrlParams: {
      connection_id: connectionId,
      login_hint: email,
    },
    org_code: orgCode',
  }

My expectation from here according to the docs is that the user should see the kinde code verification page, however the behaviour I am getting is on first click the email is appended to my search params. If I then enter the email again in my input and click I then am redirected to the code verification page.
I am using this version of the javascript sdk "@kinde-oss/kinde-auth-pkce-js": "^3.0.30" . Is there anything I am missing or doing wrong?
Here are the docs I was following https://kinde.com/docs/authentication-and-access/custom-authentication-pages/#.

Thank you
Kinde Docs
Our developer tools provide everything you need to get started with Kinde.
Was this page helpful?