WalletSignTransactionError: Reached end of buffer unexpectedly

[francestu96]

I get the subject error in production whereas locally it works as expected. I already checked the environments both on prod and locally are the same.

The code is simply the following:

const wallet = useAnchorWallet();
const provider = new AnchorProvider(connection, wallet!, {});
const program = new Program<Test>(idl as Test, provider);

const tx = await program.methods
          .myMethod()
          .accounts({ sender: wallet!.publicKey})
          .transaction();

const { blockhash, lastValidBlockHeight } = await connection.getLatestBlockhash();
tx.recentBlockhash = blockhash;
tx.feePayer = wallet!.publicKey;

const signedTx = await wallet!.signTransaction(tx);
const txId = await connection.sendRawTransaction(signedTx.serialize());

await connection.confirmTransaction({
  blockhash: blockhash, 
  lastValidBlockHeight: lastValidBlockHeight,
  signature: txId
});

Why locally it works and in prod I got that weird error message during the transaction sign process?

UPDATE: this happends on Phantom wallet. By using Solflare instead, I got WalletSignTransactionError: Blob.encode[recentBlockhash] requires (length 32) Uint8Array as src in production and not locally again

[francestu96]

I found the problem is caused by a compression/minify process. In my case I fixed by removing swcMinify: true from next.config.js!