react-reuse-hooks/src/hooks/useInput.js

A collection of 30+ production-ready reusable React hooks for web apps, covering state, effects, media, forms, and utilities.

import { useState } from "react";

export function useInput(initialValue) {
  const [value, setValue] = useState(initialValue);

  const onChange = (e) => setValue(e.target.value);

  return {
    value,
    onChange,
    reset: () => setValue(initialValue),
  };
}