useValidState.tsx

export default function useValidState(validator, initialState) {
  const [state, setState] = useState(initialState);
  const [error, setError] = useState();

  const set = useCallback((action) => {
    setState((prev) => {
      const value = typeof action === 'function'
        ? action(prev)
        : action;

      try {
        return validator.validateSync(value);
      } catch (err) {
        setError(err);
        return prev;
      }
    });
  }, [validator]);

  return [{ state, error }, set];
}