fix: Render types

Author: maiieul

libs/components/src/render/render.tsx

@@ -5,7 +5,7 @@ import {
   type JSXOutput,
   type QwikIntrinsicElements,
   type Signal,
-  Slot
+  Slot,
 } from "@qwik.dev/core";
 
 // keyof slows the type server a bunch, instead we use the most common fallbacks
@@ -19,7 +19,8 @@ export type AllowedFallbacks =
   | "ul"
   | "li";
 
-type RenderInternalProps<T extends AllowedFallbacks> = {
+type RenderInternalProps<T extends AllowedFallbacks> =
+{
   /** The default element and types if a render prop is not provided */
   fallback: T;
   /**
@@ -29,8 +30,12 @@ type RenderInternalProps<T extends AllowedFallbacks> = {
 
   jsxType?: unknown;
   movedProps?: Record<string, unknown>;
-} & QwikIntrinsicElements[T] &
-  Record<`${string}$`, unknown>;
+  } & QwikIntrinsicElements[T];
+
+type RenderProps<
+  P extends object = object,
+  T extends AllowedFallbacks = AllowedFallbacks,
+> = RenderInternalProps<T> & P;
 
 /**
  * Creates an object that overrides bind:* props with undefined to prevent them from rendering in the DOM.
@@ -60,15 +65,10 @@ function getBindOverrides(props: Record<string, unknown>): Record<string, undefi
  * Qwik's reactivity tracking while preventing these attributes from appearing in the DOM.
  */
 export const Render = component$(
-  <T extends AllowedFallbacks>(props: RenderInternalProps<T>): JSXOutput => {
-    const {
-      fallback: _fallback,
-      jsxType: _jsxType,
-      movedProps,
-      internalRef: _internalRef,
-      ...rest
-    } = props;
-
+  <P extends object = object, T extends AllowedFallbacks = AllowedFallbacks>(
+    props: RenderProps<P | object, T>,
+  ): JSXOutput => {
+    const { movedProps, ...rest } = props;
     const Comp = (props.jsxType ?? props.fallback) as Component;
 
     const restOverrides = getBindOverrides(rest);