How to access React state when cleaning up your component with hooks.

react-state-in-cleanup.js

  const [value, setValue] = useState();
  const valueRef = useRef();
  
  useEffect(() => {
    valueRef.current = value;
  }, [value]);
  
  useEffect(() => {
    return function cleanup () {
      console.log(valueRef.current)
    }
  }, []);