Button.tsx

import React, { Component } from 'react';
import { render } from 'react-dom';

interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {}

class Button extends Component<ButtonProps> {
  handleClick = () => {
    this.props.onClick(this.props.value) // Error!
  }

  render() {
    return <button {...this.props} onClick={this.handleClick} />
  }
}

render((
  <Button
    value="Hello"
    onClick={() => console.log(value + ', world!')}
  >
    Button
  </Button>
), document.getElementById('root'))