React Auto-resizing textinput

textinput.jsx

import React, { Component } from 'react'

class TextInput extends Component {

  constructor(props) {
    super(props)
  }
  
  get value() {
    return this.refs.textarea.value
  }
  
  set value(val) {
    val = val || ''
    this.refs.textarea.value = val
  }

  componentDidUpdate() {
    let textarea = this.refs.textarea
    let offset = textarea.offsetHeight - textarea.clientHeight
    textarea.style.height = 'auto'
    textarea.style.height = textarea.scrollHeight + offset + 'px'
    textarea.scrollTop = textarea.scrollHeight
  }

  render() {
    return (
      <textarea
        rows='1'
        {...this.props}
        ref='textarea'
      >
      </textarea>
    )
  }
}

export default TextInput