Peculiar input react hook for forms

useFormInput.js

import { useState } from 'react'

class Input {

  constructor(initialValue) {

    this._initialState = {
      value: initialValue,
      isEmpty: initialValue.length === 0
    }
    const [ state, setState ] = useState(this._initialState)

    this._state = state
    this.setState = setState

    for (let prop in state) {
      Object.defineProperty(this, prop, {
        get: function() {
          return this._state[prop]
        },
        set: function(newValue) {
          this.setState({...this._state, [prop]: newValue})
        }
      })
    }
  }

  changeState = newState => {
    this.setState({...this._state, ...newState})
  }

  handleChange = event => {
    const { value } = event.target
    console.log(value)
    this.value = value
  }

  reset = () => {
    this.setState(this._initialState)
  }
}

const useFormInput = (initialValue) => {
  const input = new Input(initialValue)
  return input
}

export default useFormInput