A hook to handle input value and if said value has changed. Allows resetting value to initial or new value.

useInputValue.js

import { useState } from 'react';

const useInput = (initialValue = '') => {
  const [value, setValue] = useState(initialValue);
  const [touched, setTouched] = useState(false);

  const onChange = (newValue) => {
    setValue(newValue);
    setTouched(true);
  }

  const reset = (resetValue = initialValue) => {
    setValue(resetValue);
    setTouched(false);
  }

  return [value, onChange, touched, reset];
}

export default useInput;