@use-stall/types 0.3.1 → 0.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@use-stall/types",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "Type declarations for Stall SDKs",
   "types": "index.d.ts",
   "type": "module",

package/src/utils/react.d.ts

@@ -1,23 +1,39 @@
-/**
- * A React component — either a function component or a class component —
- * that accepts props of type P.
- */
-export type ComponentType<P = {}> = 
-  | ((props: P & { children?: ReactNode }) => ReactNode)
-  | (new (props: P & { children?: ReactNode }) => { render(): ReactNode });
+export type ReactText = string | number;
+export type ReactChild = ReactElement | ReactText;
+export type ReactFragment = Iterable<ReactNode>;
+
+export interface ReactPortal {
+  key: string | null;
+  children: ReactNode; // ← this is what was missing
+  type: string | ComponentType<any>;
+  props: any;
+}
 
-// Basic React node types to avoid any React import
 export type ReactNode =
-  | string
-  | number
+  | ReactChild
+  | ReactFragment
+  | ReactPortal
   | boolean
   | null
-  | undefined
-  | ReactElement
-  | ReactNode[];
+  | undefined;
 
 export interface ReactElement<P = any> {
   type: string | ComponentType<P>;
   props: P;
-  key: string | number | null;
+  key: string | null;
+}
+
+/**
+ * Matches React.ComponentType<P> exactly — accepts both function and class components.
+ */
+export type ComponentType<P = {}> =
+  | FunctionComponent<P>
+  | ComponentClass<P>;
+
+export interface FunctionComponent<P = {}> {
+  (props: P): ReactElement<any> | null;  // ← return ReactElement | null, NOT ReactNode
+}
+
+export interface ComponentClass<P = {}> {
+  new(props: P): { render(): ReactNode };
 }