import { useCallback, useState } from 'react'; export default (initialData) => { const [data, setData] = useState(initialData); const handleFieldChange = useCallback(({ target: { name: fieldName } }, { value }) => { setData((prevData) => ({ ...prevData, [fieldName]: value, })); }, []); return [data, handleFieldChange, setData]; };