use-input-react/useInput.ts

Simple hook to avoid re-writting onChange handler for input again and again..

import { useState, useCallback } from 'react';

const useInput = (initialValue: any) => {
  const [value, setValue] = useState(initialValue);

  const handleChange = useCallback(
    (event: any) => {
      setValue(event.target.value);
    },
    [setValue]
  );

  return { value, handleChange, setValue };
};

export default useInput;