React hook version of useInterval

useInterval.jsx

import { useEffect, useState } from 'react';

function useInterval(interval, setter) {
  const [updater] = useState({});
  updater.update = setter;
  useEffect(() => {
    const id = setInterval(() => {
      updater.update(c => c + 1);
    }, interval);
    return () => clearInterval(id);
  }, [interval, updater]);
}

const App = props => {
  const [count, setCount] = useState(0);
  const [int, setInt] = useState(1000);
  useInterval(int, () => setCount(c => c + 1));
  useEffect(() => {
    if (count > 10 && int > 200) {
      setCount(0);
      setInt(int / 2);
    }
  }, [int, count]);

  return (<div style={{ width: '400px', height: '500px' }}>
    <p>Count: {count}</p>
  </div>);
}