useStateWithGetter.js

import { useState, useRef, useEffect } from 'react';

// https://github.com/facebook/react/issues/14543
function useStateWithGetter(initial) {
  const ref = useRef();
  const mounted = useRef(true);
  const [state, setState] = useState(initial);

  ref.current = state;

  const set = value => {
    ref.current = value;
    if (mounted.current) setState(value);
  };

  const get = () => {
    return ref.current;
  };

  useEffect(() => {
    return () => {
      mounted.current = false;
    };
  }, []);

  return [state, set, get];
}

export default useStateWithGetter;