Vue's `reactive` in React

reactive.js

const useReactive = (object, dependencies = []) => {
  const [_, setState] = useState(0);
  return useMemo(
    () => toReactive(object, () => setState((state) => state + 1)),
    dependencies
  );
};

const toReactive = (object, callback) => {
  if (!object || typeof object !== 'object') return object;

  const array = (Array.isArray(object) ? object : [object]).map((item) => {
    const proxy = {};

    Object.keys(item).forEach((key) => {
      let value = toReactive(item[key], callback);

      Object.defineProperty(proxy, key, {
        enumerable: true,
        get() {
          return value;
        },
        set(v) {
          value = toReactive(v);
          callback(value);
        },
      });
    });

    return proxy;
  });

  return Array.isArray(object) ? array : array[0];
};