Button.tsx

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

type Omit<T, U extends keyof T> = Pick<T, Exclude<keyof T, U>>

interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> {
  onClick: (value: ButtonHTMLAttributes<HTMLButtonElement>['value']) => void
}

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

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

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