useReactState.ts

import { useRef, useState } from 'react';

export const useReactState = <T extends object>(initialState: T): T => {
  const [, setState] = useState<number>(0);

  const proxy = useRef(
    new Proxy(initialState, {
      set: (target, key, value) => {
        if (!(key in target)) {
          return false;
        }
        target[key as keyof T] = value;
        setState((i) => i + 1);
        return true;
      },
    } as ProxyHandler<T>),
  );

  return proxy.current;
};