Why does adding a parameter to contract.filters.function() break the result?

[Legazole]

I'm trying to write an event listener for the deposit function on the WMATIC contract
I can write a general filter which will listen to all the deposit events and the outcome is as expected.

  const filter = contract.filters.Deposit;


  contract.on(filter, (dst, _amount, event) => {
    const amount = ethers.formatEther(_amount);
    if (dst == DEV_ADDRESS) {
      console.log("\nALL DEPOSIT EVENTS FILTER");
      console.log(`${dst} => amount: ${amount}`);
    }
  });

With this listener I get following output when I make a deposit transaction

root@DESKTOP-3DVUF8V:~/dev/solidity/event-listener$ node v2-listener.js
        Event listener v0.1

ALL DEPOSIT EVENTS FILTER
0xB05827...A79D69 => amount: 0.001

The problem I'm experience Is when I'm trying to add the DEV_ADDRESS to the deposit filter as following

  const depositFilter = contract.filters.Deposit([DEV_ADDRESS]);


  contract.on(depositFilter, (dst, wad, event) => {
    console.log("\nDEV ADDRESS DEPOSIT EVENT FILTER");

    console.log(`destination: ${dst}`);
    console.log(`wad: ${wad}`);
    console.log(`event data: ${JSON.stringify(event, null, 2)}\n`);
    console.log(`raw event display: ${event} `);

    console.log(`test1: ${JSON.stringify(dst, null, 2)}\n`);
  });

For some reason the return from the listener is not the same anymore.
With above code I get following output

root@DESKTOP-3DVUF8V:~/dev/solidity/event-listener$ node v2-listener.js
        Event listener v0.1

DEV ADDRESS DEPOSIT EVENT FILTER
destination: [object Object]
wad: undefined
event data: undefined

raw event display: undefined

As you can see, the normal event values have changed and I can't seem to work with [object Object]

How should I work with the new output? is this normal? Is the general way of working catching all the events and filtering post 'catch' like in example one?

[ricmoo]

When you use "`${ blah }`" you are converting blah to a strings, which is why you are seeing [object object]. Can you try using console.log("destination", dst) instead? That will let console have access to the non-string version so it’s inspect function can decode more info for you.

If you don’t need to search for an array of addresses, it might also simplify things to just filter for the address directly contract.filters.Deposit(DEV_ADDRESS) (not an array), but either should be fine. The above console.log should help identify what you are getting back, which I suspect is the EventPayload, not the destination address, since a complex filter has much more nuance than just the Fragment (which your first example will use).

[Legazole]

It seems you are correct in what the complex filter is returning
After changing my console.log the output is as following

        Event listener v0.1

DEV ADDRESS DEPOSIT EVENT FILTER
destination ContractEventPayload {
  filter: PreparedTopicFilter {
    fragment: EventFragment {
      type: 'event',
      inputs: [Array],
      name: 'Deposit',
      anonymous: false
    }
  },
  emitter: <ref *1> Contract {
    target: '0x0d500B1d8E8eF31E21C99d1Db9A6444d3ADf1270',
    interface: Interface {
      fragments: [Array],
      deploy: [ConstructorFragment],
      fallback: [FallbackFragment],
      receive: true
    },
    runner: WebSocketProvider {},
    filters: {},
    fallback: [AsyncFunction: method] {
      _contract: [Circular *1],
      estimateGas: [AsyncFunction: estimateGas],
      populateTransaction: [AsyncFunction: populateTransaction],
      send: [AsyncFunction: send],
      staticCall: [AsyncFunction: staticCall]
    },
    [Symbol(_ethersInternal_contract)]: {}
  },
  log: EventLog {
    provider: WebSocketProvider {},
    transactionHash: '0x835ef37e939c55ef83ed943cfdace6eedc56bc546d410832c808e275f3f5c053',
    blockHash: '0xb8ec9235f69c15e0410406724bc56b31656ea26b868a5e526ea6015e7f458a5f',
    blockNumber: 53343285,
    removed: false,
    address: '0x0d500B1d8E8eF31E21C99d1Db9A6444d3ADf1270',
    data: '0x00000000000000000000000000000000000000000000000000038d7ea4c68000',
    topics: [
      '0xe1fffcc4923d04b559f4d29a8bfc6cda04eb5b0d3c460751c2402c5c5cc9109c',
      '0x000000000000000000000000b05827d4b89a239914fa9469125eeed338a79d69'
    ],
    index: 1485,
    transactionIndex: 67,
    interface: Interface {
      fragments: [Array],
      deploy: [ConstructorFragment],
      fallback: [FallbackFragment],
      receive: true
    },
    fragment: EventFragment {
      type: 'event',
      inputs: [Array],
      name: 'Deposit',
      anonymous: false
    },
    args: Result(2) [
      '0xB05827d4b...38A79D69',
      1000000000000000n
    ]
  },
  args: Result(2) [
    '0xB05827d4b...38A79D69',
    1000000000000000n
  ],
  fragment: EventFragment {
    type: 'event',
    inputs: [ [ParamType], [ParamType] ],
    name: 'Deposit',
    anonymous: false
  }
}
wad: undefined
event data: undefined

raw event display: undefined

Filtering on the address directly also gives the same result.
Is this what I'm supposed to get back?
Thanks anyway for the reply and small decode tip!