usePopup produce `ReferenceError: AppleID is not defined` error once the component is rendered

[Essam-Harrous]

I tried the component without the usePopup and it worked perfectly, but once I add this prop I got this bug ReferenceError: AppleID is not defined when the component was rendered.

using NextJs v12.1 the latest library version

any help with that?

[Sashaejarque]

I had the same problem and not using popUp={true} is working. Here my code: <AppleLogin clientId="my_client_id" redirectURI="my_redirect_uri" // If i dont use usePopup the appleLogin works usePopup={true} callback={() => { console.log("callback"); }} // Capture response responseMode="query" render={(( renderProps, //Apple's custom login button ) => ( <AppleButton text="Sign in with Apple" loading={loading} onClick={renderProps.onClick} /> )} />

[efernandes-tech]

I needed to force load script with: