Unable to post to my redirectURI for Apple sign when using "usePopup: true"

I cannot get apple sign in to post to my redirectURI if I set usePopup: true. When I set it to false I am however able to get it to work with no problems. I am not doing any of this on localhost and everything is HTTPS so I don't think that is the issue.

Here is the error I message I get in the safari console (does not show up on firefox or chrome) when I successfully sign in to apple and press continue:

Unable to post message to https://my-staging-site.soundstripe.com. Recipient has origin https://ea88-2601-1c2-780-c240-e9ee-17e4-e1c4-7cbd.ngrok.io.
index.js:29

And here is my implementation

AppleID.auth.init({
  clientId: "com.soundstripe.web",
  scope: "name email",
  redirectURI: "https://my-staging-site.com/auth/apple",
  nonce: String(Date.now()),
  usePopup: true,
})

const appleAuth = async () => {
  const response = await window.AppleID.auth.signIn()
  return response
}