use-validated-state

const [{ lastValidValue, value, valid }, setValue] = useValidatedState(
  'valid',
  (value) => value === 'valid'
);

lastValidValue; // -> valid
value; // -> valid
valid; // -> true

setValue('invalid');

lastValidValue; // -> valid
value; // -> invalid
valid; // -> false

function useValidatedState<T>(
  initialValue: T,
  validation: (value: T) => boolean
): readonly [
  {
    value: T;
    lastValidValue: T;
    valid: boolean;
  },
  (val: T) => void
];