Popup doesn't close and call callback after a successfull authorization attempt

[arjendevos]

return (
    <AppleLogin
      clientId="com.webridge.half5.web"
      redirectURI="https://app.half5.com/apple/callback"
      responseMode="form_post"
      responseType="code"
      callback={(res) => {
        console.log({ res });

        if (
          res.error &&
          res.error.error &&
          res.error.error.includes('popup_blocked_by_browser')
        ) {
          return globalToast({
            message: global.translate({
              nl: 'Sta popup toe',
              en: 'Allow popup',
            }),
          });
        }
      }}
      usePopup
      // autoLoad
      render={(renderProps) => (
        <AppleButton isLoading={false} onPress={renderProps.onClick} />
      )}
    />

Everything works fine until i click on continue. Popup opens, i can enter my email etc.

I check the response with Inspect Element and it does return a succesfull response with Authorization Code and ID Token. But nothing happens UI wise.

After i click the second time this happens:

[deluxanmariathasan]

facing the same issue

[sewign]

Did you find any solution how to fix it ?

[dev-vasanth]

facing the same issue..

[chrishawn]

The redirectURI has to start with "https://".

Also make sure the redirectURI matches correctly with the page that opened the popup.

[garvinguan]

@chrishawn that worked for me, many thanks for the help 🙏 . Apple should really update their docs to say that the redirectURI has to match the page