Popup is not getting closed on its own and onSuccess is not triggering.

[dev-mohsinm]

This is my code

            <AppleSignIn
              authOptions={{
              clientId: cliendId,
              scope:"name email",
              redirectURI: "https://dc0d-119-63-128-55.ngrok-free.app/verify-apple/callback",
              state: "state",
              nonce: "nonce",
              usePopup: true
              }}
              onSuccess={(response) => handleAppleSuccess(response)}
              render={(renderProps) => (  
                <WhiteStoreButton
                  imgSrc={AppleLogo}
                  largeText="Apple"
                  handleClick={renderProps.onClick}
                  loading={appleVerifyLoading}
                />
              )}
            />

The main issue is that when usePopup gets open, it send an authorize request, which is successful but then the popup remains there. It doesn't close automatically and the onSuccess never gets trigger and I don't even receive anything on redirectURI (which is my backend's URL). I am using NestJs for backend and ReactJs for frontend.
If I set the usePopup as false, then I receive the request on my backend's api (redirect uri)

[mzanki]

If you are using a backend to complete the login flow, usePopup: true will not work since it attaches "response_mode" as "web_message", the redirectUri will not be performed.
In my backend I am managing the redirectUri that apples POST to my server when the response mode is set to "form_post".
Basically that code you have will not work.
Maybe you can get an idea to the linked repo: https://github.com/A-Tokyo/apple-signin-auth