@react-hookz/web/esnext/useSafeState/useSafeState.js

React hooks done right, for browser and SSR.

import { useCallback, useState } from 'react';
import { useIsMounted } from '..';
/**
 * Like `useState` but its state setter is guarded against sets on unmounted component.
 */
export function useSafeState(initialState) {
    const [state, setState] = useState(initialState);
    const isMounted = useIsMounted(true);
    return [
        state,
        useCallback((value) => {
            if (isMounted())
                setState(value);
            // eslint-disable-next-line react-hooks/exhaustive-deps
        }, []),
    ];
}