App.js

function App() {
  const [value, setValue] = React.useState('')
  
  function onChange(e, { ref }) {
    console.log(`current state value: ${value}`)
    console.log(`incoming value: ${e.target.value}`)
    setValue(e.target.value)
    console.log(`current state value now: ${value}`)
  }
  
  function onChange2(e) {
    e.concat(['abc', {}, 500])
  }
  
  function onChange3(e) {
    console.log(e.target.value)
  }
  
  return (
    <div>
      <MyInput
        value={value}
        onChange={onChange}
        onChange2={onChange2}
        onChange3={onChange3}
      />
    </div>
  )
}