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
) => (

)}
/>

[efernandes-tech]

I needed to force load script with:

<Script src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js" />