Fix handling of props that are unions of intersections

Author: michaldudak

src/parsers/componentParser.ts

@@ -79,7 +79,8 @@ function squashComponentProps(callSignatures: CallSignature[], context: ParserCo
 			}
 
 			if (propsParameter.type instanceof UnionNode) {
-				return unwrapUnionType(propsParameter.type);
+				const ut = unwrapUnionType(propsParameter.type);
+				return ut;
 			}
 
 			if (propsParameter.type instanceof IntersectionNode) {
@@ -131,10 +132,10 @@ function squashComponentProps(callSignatures: CallSignature[], context: ParserCo
 	});
 }
 
-function unwrapUnionType(type: UnionNode): ObjectNode[] {
+function unwrapUnionType(type: UnionNode): (ObjectNode | IntersectionNode)[] {
 	return type.types
 		.map((type) => {
-			if (type instanceof ObjectNode) {
+			if (type instanceof ObjectNode || type instanceof IntersectionNode) {
 				return type;
 			} else if (type instanceof UnionNode) {
 				return unwrapUnionType(type);

test/component-forwardRef-with-union-props/input.tsx

@@ -0,0 +1,29 @@
+'use client';
+import * as React from 'react';
+
+// React.forwardRef makes props an intersection of the provided props and RefAttributes.
+// In this case, it's a union of intersections.
+
+export const Button = React.forwardRef(function Button(
+	props: ButtonProps,
+	forwardedRef: React.ForwardedRef<HTMLButtonElement>,
+) {
+	const { nativeButton = true, ...other } = props;
+	return <button ref={forwardedRef} {...other} />;
+});
+
+type ButtonProps = ButtonNativeProps | ButtonNonNativeProps;
+
+interface ButtonNativeProps extends HTMLButtonProps {
+	nativeButton?: true;
+}
+
+interface ButtonNonNativeProps extends HTMLButtonProps {
+	nativeButton: false;
+}
+
+interface HTMLButtonProps {
+	type?: 'button' | 'submit' | 'reset';
+	id?: string;
+	className?: string;
+}