Ethers is not decoding the indexed parameters

Question

I want to get the value from the first indexed parameter of the TokensTransferred event from the transaction logs which can look like this. You can see that the TokensTransferred event has the first indexed parameter as bytes32[]. I want to get values from this array.

I tried out this solution but it gave the error that Interface is not a constructor. Does anyone know what I am doing wrong? How can I get the values from the bytes32[] that are emitted from the event in Ethers.js?

I am trying to get the array like this:

contract.on('TokensTransferred',(messageId)=>{
        console.log("Message Id: ",messageId);
        const iface = new ethers.utils.Interface(fromNetwork?.abi);

        console.log("Decoded Message Ids: ",iface.parseLog([messageId?.hash]));
  }

but still this is giving me this error:

TypeError: Cannot read properties of undefined (reading '0')
    at Interface.parseLog 

Answer 1

If you're seeing an error Interface is not constructor, it might be worthwhile to check for any typos or mistakes in the const iface = new ethers.Interface(abi); line of the solution (maybe 9th line).
Alternatively, the issue might be due to a change in the specifications of ethers.js because of version differences. Here, it appears to be structured under a hierarchy like this.
new ethers.utils.Interface(abi);