Correct cached vs non-cached shape

Author: JoviDeCroock

.changeset/slow-dolphins-wave.md

@@ -0,0 +1,5 @@
+---
+"@preact/signals-react": patch
+---
+
+Ensure the cached and non-cached shape is the same

packages/react/utils/src/index.tsx

@@ -11,14 +11,9 @@ interface ShowProps<T = boolean> {
 
 const Item = (props: any) => {
 	useSignals();
-	const result =
-		typeof props.children === "function"
-			? props.children(props.v, props.i)
-			: props.children;
-	if (props.cache) {
-		props.cache.set(props.v, result);
-	}
-	return result;
+	return typeof props.children === "function"
+		? props.children(props.v, props.i)
+		: props.children;
 };
 
 export function Show<T = boolean>(props: ShowProps<T>): JSX.Element | null {
@@ -50,7 +45,7 @@ export function For<T>(props: ForProps<T>): JSX.Element | null {
 
 	const items = list.map((value, key) => {
 		if (!cache.has(value)) {
-			return (
+			const result = (
 				<Item
 					v={value}
 					key={key}
@@ -59,6 +54,8 @@ export function For<T>(props: ForProps<T>): JSX.Element | null {
 					cache={cache}
 				/>
 			);
+			cache.set(value, result);
+			return result;
 		}
 		return cache.get(value);
 	});