TSX component extending default HTML props

tsx-default-html-props.tsx

import React from 'react';
import { styled } from '@material-ui/styles';
import AppBar from '@material-ui/core/AppBar';

type CustomProps = { show: boolean };

// Let's imagine MyComponent is a special type of button...
type MyComponentProps = CustomProps & React.HTMLProps<HTMLButtonElement>;

const MyComponent = ({show, ...rest}: MyComponentProps) => {
  ....
}

export default HeaderBar;