Got (tag.text || "") .trim is not a function error on docgen when using React.HTMLAttributes<HTMLButtonElement>

[ddsuhaimi]

Here's the component

import React, { FC } from "react";
export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
    className?: string;
    disabled?: boolean;
    active?: boolean;
    primary?: boolean;
    onClick?: () => void;
}

export const Button: FC<ButtonProps> = (props) => {
    return <button {...props}>tes</button>;
};

I did the exact same thing in codesandbox but it works:
https://codesandbox.io/s/autumn-rain-ngtsp?file=/src/Test.tsx

As soon as I remove extends React.HTMLAttributes everything works fine.

[jorisw]

Related issue: #15067

[shilman]

Dupe to #15067