🐛 Bug Report: Event is triggered multiple times when subscribing to multiple (different) channels

[Re-Shard]

👟 Reproduction steps

Create, Update & Delete events are being triggered multiple times when subscribed to multiple channels.
In the example below there are 2 create events when a userimage is added.

First subscription:

subscribe() {
    if (userimagesSubscription == null) {
      userimagesSubscription = AppwriteApi.instance.realtime
          .subscribe(['collections.userimages.documents']);
      userimagesSubscription!.stream.listen((data) async {
        if (data.payload.isNotEmpty) {
          // Do some handling..
        }
      });
    }
  }

Second subscription:

subscribe() {
    if (interestSubscription == null) {
      interestSubscription = AppwriteApi.instance.realtime
          .subscribe(['collections.interest.documents']);
      if (interestSubscription != null) {
        interestSubscription!.stream.listen((data) async {
          if (data.payload.isNotEmpty) {
           // Do some handling..
          }
        });
      }
    }
  }

👍 Expected behavior

There should be only 1 trigger event per event.

👎 Actual Behavior

The debug console shows the following:

I/flutter ( 5914): subscription: wss://db.DOMAIN.nl/v1/realtime?project=6234aad9d50bf302d1b5&channels%5B%5D=collections.userimages.documents

I/flutter ( 5914): subscription: wss://db.DOMAIN.nl/v1/realtime?project=6234aad9d50bf302d1b5&channels%5B%5D=collections.userimages.documents&channels%5B%5D=collections.interest.documents

🎲 Appwrite version

Version 4.0.x

💻 Operating system

Linux

🧱 Your Environment

No response

👀 Have you spent some time to check if this issue has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

• I have read the Code of Conduct

[lohanidamodar]

Did you app hot-reload? That might cause the issue, hot-reload can create unexpected behavior with the websockets even when there is only one subscription. Can you try with complete hot restart and check if you still have the issue?

[Re-Shard]

Did you app hot-reload? That might cause the issue, hot-reload can create unexpected behavior with the websockets even when there is only one subscription. Can you try with complete hot restart and check if you still have the issue?

@lohanidamodar it has still the same problem. It looks like it doesnt close the previous subscription, when added a new channel to the subcription.

[lohanidamodar]

@Invisibleshroud ok, will test and let you know what I find.

[lohanidamodar]

@Invisibleshroud hey, this only happens to me when I have either hot reloaded or hot restarted. In both cases the subscription is not closed so each time I hot restart or hot-reload, new subscription is added on top of that, so I get multiple events.
When I run the project without hot reload or hot restart, I don't have this issue. Can you confirm it's the same with you.

[lohanidamodar]

@Invisibleshroud This seems to be a issue with the Flutter web itself on hot restart this happens on normal web-socket connection as well. This is not solvable at the moment, check this issue and comments there.
flutter/flutter#69949 (comment)