import React , { useState , ChangeEvent } from 'react' ; type InputType = HTMLInputElement | HTMLTextAreaElement ; export interface InputTextHookType { inputText : string ; onInputChange : ( e : ChangeEvent < InputType > ) => void ; } function useInputText ( ) { const [ inputText , setInputText ] = useState < string > ( '' ) ; const onInputChange = ( e ) => { const newInputText = e . target . value ; setInputText ( newInputText ) ; } ; return { inputText , onInputChange , } ; } export default useInputText ;