Issues implementating react-acceptjs on NextJS

[vbauz]

I am trying to implement the package react-acceptjs to process payments but I'm encountering some issues with this

The code:

Spoiler

    <AcceptHosted

          formToken={formToken}

          integration="iframe"

          onTransactionResponse={(response) => console.log('response', response)}

          environment="SANDBOX"

          onResize={(width: number, height: number) => {

            console.log('resize', width, height);

          }}

          onSuccessfulSave={() => {

            console.log('onSuccessfulSave');

          }}

          onCancel={() => {

            console.log('onCancel');

          }}

        >

          <AcceptHosted.Button className="btn btn-primary">Continue to IFrame</AcceptHosted.Button>

          <AcceptHosted.IFrameBackdrop />

          <AcceptHosted.IFrameContainer>

            <AcceptHosted.IFrame />

          </AcceptHosted.IFrameContainer>

        </AcceptHosted>

the IFrameConnector request returns a blocked:other status

Spoiler

The console log

Spoiler

Basically after submitting the form I am stuck on 'Processing...' and no event is fired afterwards

If anyone has any suggestion I'd appreciate it a lot.

Thanks in advance

[marine2026]

I recommend carefully re-reading the docs on the iFrame Communicator response.
https://developer.authorize.net/api/reference/features/accept-hosted.html#Transaction_Response 
The lack of responses from admin in this discussion forum leads me to believe that they believe people just need to read the docs, and they will figure it out.