Transaction working locally and with ngrok (https), but not working when deploying to aws amplify

Question

  const lamports = 0.001 * 10 ** 9;
  const fromPubKey = new PublicKey(
    'Wallet sending here'
  );
  const toPubKey = new PublicKey(
    'Wallet receiving here'
  );

  const transaction = new Transaction().add(
    SystemProgram.transfer({
      fromPubkey: publicKey,
      toPubkey: toPubKey,
      lamports,
    })
  );

  const {
    context: { slot: minContextSlot },
    value: { blockhash, lastValidBlockHeight },
  } = await connection.getLatestBlockhashAndContext();

  try {
    const signature = await sendTransaction(transaction, connection, {
      minContextSlot,
    });

    loadingToast.current = toast.loading('Transaction loading...');
    await connection.confirmTransaction({
      blockhash,
      lastValidBlockHeight,
      signature,
    });

  } catch (e) {
    console.log(e);
    toast.error('Error, please try again!');
  }

I have this code written in a NextJS app. Using @solana/wallet-adapter-react to connect to my phantom wallet.

Everything is working fine when testing locally, and also when passing through ngrok (to provide ssl and https)

However, when I deploy my app to aws amplify (since its nextjs), when trying to send 0.001 SOL, phantom is giving me this error

My deployed app on aws also has SSL and HTTPS configured properly.

Answer 1

In the next.config.js Remove the swcMinify: true

Worked!