How can i unbind Pusherjs event when component unload when using React Hook?

Question

I know that we can bind pusher event like this

useEffect(() => {
    var channel = pusher.subscribe('my-channel');
    channel.bind('my-event', function(data) {
      alert(JSON.stringify(data));
    });
},[]);

But i can't find any ways to unbind it when the component unload. Is there some way to unbind it like this

useEffect(() => {
     var channel = pusher.subscribe('my-channel');
     channel.bind('my-event', function(data) {
       alert(JSON.stringify(data));
     });
     return () => channel.unbind('my-event');
 },[]);

yes this is right way to unbind : return () => channel.unbind('my-event'); — niks, Feb 25 '20 at 12:02

score 1 · Answer 1 · answered Feb 25 '20 at 13:33

Pusher JS has an unbind feature, as documented at https://github.com/pusher/pusher-js#binding-to-events

// Remove all handlers for the `new-comment` event
channel.unbind('my-event')

If this is not working and you are encountering an error please edit your question to include the errors.

How can i unbind Pusherjs event when component unload when using React Hook?

1 Answers1

Linked