Ability to exclude some chained prop types

Is your feature request related to a problem? Please describe. I am trying to generate docs for a library and suddenly I got into a problem where I can’t exclude some inherited types (props) from TypeScript.

TypeScript types:

type ContentProps = {
  icon?: ReactNode | null;
  iconPosition?: string;
  children?: any;
};

export type Props = ButtonHTMLAttributes<HTMLButtonElement> &
  ContentProps & {
    buttonModifiers?: Array<string>;
    sizeType?: Size;
    style?: CSSProperties;
    className?: string;
    fullWidth?: boolean;
    fullHeight?: boolean;
  };

Button Component:

const Button = (props: Props) => ()

Describe the solution you’d like I want to be able to remove the props from HTMLButtonElement so it shows only the ContentProps and the other defined props (buttonModifiers,sizeType etc).

Describe alternatives you’ve considered None.

Are you able to assist bring the feature to reality? maybe …

Screenshot

[shilman]

A workaround I’ve added is the ability to specify props include and exclude:

type PropDescriptor = string[] | RegExp;

interface BaseProps {
  include?: PropDescriptor;
  exclude?: PropDescriptor;
}

So you could achieve what you want by only including non-chained props. E.g.:

const include = ['buttonModifiers', 'sizeType', 'style', 'className', 'fullWidth', 'fullHeight'];

<Props of={Button} include={include} />;

[shilman]

@mustran Either 6.0, which should be stable by mid-May, or 6.1, which should be stable mid-Summer.