Unsubscribe from a realtime channel

// snippet from CommentItem component
// LISTEN FOR WHEN THE COMMENT IS UPDATED OR DELETED
    useEffect(() => {
        const { id: commentID } = commentData;
        const channelName = `public:comments:id=eq.${commentID}`;
        supabase
            .channel(channelName)
            .on(
                "postgres_changes",
                {
                    event: "UPDATE",
                    schema: "public",
                    table: "comments",
                    filter: `id=eq.${commentID}`,
                },
                onCommentUpdated
            )
            .on(
                "postgres_changes",
                {
                    event: "DELETE",
                    schema: "public",
                    table: "comments",
                    filter: `id=eq.${commentID}`,
                },
                onCommentDeleted
            )
            .subscribe();
        return () => supabase.removeChannel(channelName);
    }, [commentData, onCommentDeleted, onCommentUpdated]);