Merge pull request #2970 from jer3m01/chore/type

ryansolid · web-flow · commit 8e1ceeccbce5 · 2026-08-04T15:59:09.000-07:00
chore: update component types to accept ref array
diff --git a/.changeset/fuzzy-queens-retire.md b/.changeset/fuzzy-queens-retire.md
@@ -0,0 +1,5 @@
+---
+"solid-js": patch
+---
+
+Accept ref array in component ref type
diff --git a/packages/solid/src/client/component.ts b/packages/solid/src/client/component.ts
@@ -63,7 +63,7 @@ export type ComponentProps<T extends ValidComponent> = T extends Component<infer
  *
  * @example Component<{ref: Ref<Element>}>
  */
-export type Ref<T> = T | ((val: T) => void);
+export type Ref<T> = T | ((val: T) => void) | undefined | Ref<T>[];
 
 /**
  * Invokes a component, wrapping the call in `untrack` so that reactive reads

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"solid-js": patch
 +---
++
 +Accept ref array in component ref type
Original file line number	Diff line number	Diff line change
`@@ -63,7 +63,7 @@ export type ComponentProps<T extends ValidComponent> = T extends Component<infer`
`63`	`63`	`*`
`64`	`64`	`* @example Component<{ref: Ref<Element>}>`
`65`	`65`	`*/`
`66`		`-export type Ref<T> = T \| ((val: T) => void);`
	`66`	`+export type Ref<T> = T \| ((val: T) => void) \| undefined \| Ref<T>[];`
`67`	`67`
`68`	`68`	`/**`
`69`	`69`	* Invokes a component, wrapping the call in `untrack` so that reactive reads