useSafeState

useSafeState.ts

import { useState, useEffect, useCallback } from "react";

const useSafeState = <T>(initialValue: T): [T, (value: T) => void] => {
	let mounted = true;
	const [current, setCurrent] = useState(initialValue);
	useEffect(() => () => (mounted = false), []);
	const setter = useCallback((value: T) => mounted && setCurrent(value), [mounted]);
	return [current, setter];
}

export default useSafeState;