[TS] Narrow types for Show utility in React (#711)

calebeby · web-flow · commit 4b9619999f91 · 2025-06-28T22:30:28.000-05:00
* [TS] Narrow types for Show utility in React

* Add changeset
diff --git a/.changeset/orange-moles-trade.md b/.changeset/orange-moles-trade.md
@@ -0,0 +1,5 @@
+---
+"@preact/signals-react": patch
+---
+
+Narrow types for Show utility, the callback is truthy by design
diff --git a/packages/react/utils/src/index.ts b/packages/react/utils/src/index.ts
@@ -6,7 +6,7 @@ import { Fragment, createElement, useMemo } from "react";
 interface ShowProps<T = boolean> {
 	when: Signal<T> | ReadonlySignal<T>;
 	fallback?: JSX.Element;
-	children: JSX.Element | ((value: T) => JSX.Element);
+	children: JSX.Element | ((value: NonNullable<T>) => JSX.Element);
 }
 
 export function Show<T = boolean>(props: ShowProps<T>): JSX.Element | null {

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@preact/signals-react": patch
 +---
++
 +Narrow types for Show utility, the callback is truthy by design
Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@ import { Fragment, createElement, useMemo } from "react";`
`6`	`6`	`interface ShowProps<T = boolean> {`
`7`	`7`	`when: Signal<T> \| ReadonlySignal<T>;`
`8`	`8`	`fallback?: JSX.Element;`
`9`		`- children: JSX.Element \| ((value: T) => JSX.Element);`
	`9`	`+ children: JSX.Element \| ((value: NonNullable<T>) => JSX.Element);`
`10`	`10`	`}`
`11`	`11`
`12`	`12`	`export function Show<T = boolean>(props: ShowProps<T>): JSX.Element \| null {`