allow for null return from fc (#3683)

JoviDeCroock · web-flow · commit 36525c173efb · 2022-08-19T18:40:59.000+02:00
* allow for null

* add test
diff --git a/src/index.d.ts b/src/index.d.ts
@@ -87,7 +87,7 @@ export type ComponentProps<
 	: never;
 
 export interface FunctionComponent<P = {}> {
-	(props: RenderableProps<P>, context?: any): VNode<any>;
+	(props: RenderableProps<P>, context?: any): VNode<any> | null;
 	displayName?: string;
 	defaultProps?: Partial<P>;
 }
diff --git a/test/ts/preact.tsx b/test/ts/preact.tsx
@@ -312,3 +312,5 @@ let elementProps: ComponentProps<'button'> = {
 // Typing of style property
 const acceptsNumberAsLength = <div style={{ marginTop: 20 }} />;
 const acceptsStringAsLength = <div style={{ marginTop: '20px' }} />;
+
+const ReturnNull: FunctionalComponent = () => null;

Original file line number	Diff line number	Diff line change
`@@ -87,7 +87,7 @@ export type ComponentProps<`
`87`	`87`	`: never;`
`88`	`88`
`89`	`89`	`export interface FunctionComponent<P = {}> {`
`90`		`- (props: RenderableProps<P>, context?: any): VNode<any>;`
	`90`	`+ (props: RenderableProps<P>, context?: any): VNode<any> \| null;`
`91`	`91`	`displayName?: string;`
`92`	`92`	`defaultProps?: Partial<P>;`
`93`	`93`	`}`