Button.tsx

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

interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
  color?: string
}

const Button: StatelessComponent<ButtonProps> = ({ color, children, ...props }) => (
  <button style={{ color }} {...props}>{children}</button>
)
  
render((
  <div>
    <Button color="red">Button1</Button>
    <Button color="red" onClick={() => console.log('Yeahhs')}>Button2</Button> {/* Okay now */}
  </div>
), document.getElementById('root'));