useSafeState.js

function useSafeState(initValue) {
  const [state, setState] = useState(initValue);
  const isMounted = useIsMounted();
  
  // useCallback because we need to add updateState function to effect deps
  const updateState = useCallback((newValue) => {
    if(isMounted.current) {
      setState(newValue);
    }
  }, [isMounted]);
  
  return [state, updateState];
}