App.js

function MyInput({ value, onChange: onChangeProp }) {
  const ref = React.useRef()
  
  function onChange(e) {
    if (isDigits(e.target.value) && isWithin6(e.target.value)) {
      onChangeProp(e, { ref: ref.current })
    }
  }
  
  return (
    <div>
      <input ref={ref} type='text' value={value} onChange={onChange} />
    </div>
  )
}




function App() {
  const [value, setValue] = React.useState('')
  
  function onChange(e, { ref }) {
    setValue(e.target.value)
    if (ref.type === 'file') {
      // It's a file input
    } else if (ref.type === 'text') {
      // Do something
    }
  }
  
  return (
    <div>
      <MyInput value={value} onChange={onChange} />
    </div>
  )
}