@lynx-js/react-canary 0.112.3-canary-20250813-e1152fc7 → 0.112.3-canary-20250813-fcec513a

package/CHANGELOG.md

@@ -1,11 +1,13 @@
 # @lynx-js/react
 
-## 0.112.3-canary-20250813122445-e1152fc7953d68baaa6c3798434c895c61e447c4
+## 0.112.3-canary-20250813131057-fcec513a7edf1ed585207b4a07b5b2dd2414844b
 
 ### Patch Changes
 
 - fix css transform error in testing library ([#1500](https://github.com/lynx-family/lynx-stack/pull/1500))
 
+- fix the type error of `wrapper` option in testing library's `render` and `renderHook` function ([#1502](https://github.com/lynx-family/lynx-stack/pull/1502))
+
 - Introduce recursive hydration for lists to prevent double remove/insert on moves. ([#1401](https://github.com/lynx-family/lynx-stack/pull/1401))
 
 - Handle `<frame/>` correctly. ([#1497](https://github.com/lynx-family/lynx-stack/pull/1497))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-canary",
-  "version": "0.112.3-canary-20250813-e1152fc7",
+  "version": "0.112.3-canary-20250813-fcec513a",
   "description": "ReactLynx is a framework for developing Lynx applications with familiar React.",
   "repository": {
     "type": "git",

package/refresh/.turbo/turbo-build.log

@@ -5,7 +5,7 @@
   Rslib v0.11.2
 
 info    build started...
-ready   built in 0.19 s
+ready   built in 0.16 s
 
 File (esm)      Size      
 dist/index.js   10.5 kB

package/testing-library/dist/index.d.ts

@@ -1,7 +1,5 @@
 import { act } from 'preact/test-utils';
 import { ARIARole } from 'aria-query';
-import { ComponentChild } from 'preact';
-import { ComponentType } from 'preact';
 import { JSDOM } from 'jsdom';
 import { OptionsReceived } from 'pretty-format';
 import * as prettyFormat from 'pretty-format';
@@ -1235,7 +1233,7 @@ export declare interface QueryOptions {
  * @public
  */
 export declare function render<Q extends Queries>(
-ui: ComponentChild,
+ui: React.ReactNode,
 options?: RenderOptions<Q>,
 ): RenderResult<Q>;
 
@@ -1314,7 +1312,7 @@ export declare interface RenderHookOptions<Props> {
      * export { customRender as renderHook }
      * ```
      */
-    wrapper?: ComponentType<{ children: LynxElement }>;
+    wrapper?: React.JSXElementConstructor<{ children: React.ReactNode }> | undefined;
 }
 
 /**
@@ -1400,7 +1398,7 @@ export declare interface RenderOptions<Q extends Queries = typeof queries> {
      * export { customRender as render }
      * ```
      */
-    wrapper?: ComponentChild;
+    wrapper?: React.JSXElementConstructor<{ children: React.ReactNode }> | undefined;
     /**
      * Render your component in the main thread or not.
      *
@@ -1426,7 +1424,7 @@ export declare interface RenderOptions<Q extends Queries = typeof queries> {
  */
 export declare type RenderResult<Q extends Queries = typeof queries> = {
     container: LynxElement;
-    rerender: (ui: ComponentChild) => void;
+    rerender: (ui: React.ReactNode) => void;
     unmount: () => boolean;
 } & { [P in keyof Q]: BoundFunction<Q[P]> };
 

package/testing-library/types/entry.d.ts

@@ -9,7 +9,6 @@
 
 import { queries, Queries, BoundFunction } from '@testing-library/dom';
 import { LynxElement, type ElementTree, type LynxTestingEnv } from '@lynx-js/testing-environment';
-import { ComponentChild, ComponentType } from 'preact';
 import { act } from 'preact/test-utils';
 export * from '@testing-library/dom';
 export { ElementTree, LynxTestingEnv, act };
@@ -69,7 +68,7 @@ export interface RenderOptions<Q extends Queries = typeof queries> {
    * export { customRender as render }
    * ```
    */
-  wrapper?: ComponentChild;
+  wrapper?: React.JSXElementConstructor<{ children: React.ReactNode }> | undefined;
   /**
    * Render your component in the main thread or not.
    *
@@ -95,7 +94,7 @@ export interface RenderOptions<Q extends Queries = typeof queries> {
  */
 export type RenderResult<Q extends Queries = typeof queries> = {
   container: LynxElement;
-  rerender: (ui: ComponentChild) => void;
+  rerender: (ui: React.ReactNode) => void;
   unmount: () => boolean;
 } & { [P in keyof Q]: BoundFunction<Q[P]> };
 
@@ -132,7 +131,7 @@ export type RenderResult<Q extends Queries = typeof queries> = {
  * @public
  */
 export function render<Q extends Queries>(
-  ui: ComponentChild,
+  ui: React.ReactNode,
   options?: RenderOptions<Q>,
 ): RenderResult<Q>;
 /**
@@ -213,7 +212,7 @@ export interface RenderHookOptions<Props> {
    * export { customRender as renderHook }
    * ```
    */
-  wrapper?: ComponentType<{ children: LynxElement }>;
+  wrapper?: React.JSXElementConstructor<{ children: React.ReactNode }> | undefined;
 }
 
 /**