fix(react): forward ref to underlying web component (#655)

RakeshPawar · Rakesh Pawar · web-flow · commit 9f20ee0add49 · 2025-06-24T07:56:26.000-07:00
Co-authored-by: Rakesh Pawar &lt;rakesh.pawar@juliusbaer.com&gt;
diff --git a/packages/react/src/runtime/create-component.ts b/packages/react/src/runtime/create-component.ts
@@ -7,7 +7,8 @@ type EventNames = Record<string, EventName | string>;
 // Type that's compatible with both React 18 and 19
 type StencilProps<I extends HTMLElement, E extends EventNames> = Omit<React.HTMLAttributes<I>, keyof E> &
   Partial<{ [K in keyof E]: E[K] extends EventName<infer T> ? (event: T) => void : (event: any) => void }> &
-  Partial<Omit<I, keyof HTMLElement>>;
+  Partial<Omit<I, keyof HTMLElement>> &
+  React.RefAttributes<I>;
 
 export type StencilReactComponent<I extends HTMLElement, E extends EventNames = {}> = React.FunctionComponent<
   StencilProps<I, E>
