useInput hook example

SomeComponent.tsx

function SomeComponent() {
  const [value, onChangeInputValue, isValid] = useInput({
    type: 'number',
    maxValue: 10000,
    autoFix: false,
  });
  const onSubmit = () => {
    if (isValid) {
      submitValue(value);
    } else {
      setError();
    }
  }
  // ...
  return (
    <form onSubmit={onSubmit}>
      <input
        value={value}
        onChange={onChangeInputValue}
      />
      {/* ... */}
    </form>
  );
}