mutoid/react/useSubscriptionRef.js

Reactive library for data fetching, caching, state management

import { useCallback, useEffect, useRef } from 'react';
export const useSubscriptionRef = () => {
    const subRef = useRef(null);
    useEffect(() => {
        return () => {
            if (subRef.current && subRef.current.closed !== true) {
                // eslint-disable-next-line react-hooks/exhaustive-deps
                subRef.current.unsubscribe();
            }
        };
    }, []);
    return [
        subRef,
        useCallback(() => {
            if (subRef.current && subRef.current.closed !== true) {
                subRef.current.unsubscribe();
            }
        }, []),
    ];
};