npm - @my-react/react-reconciler-compact - Versions diffs - 0.0.13 → 0.0.14 - Mend

@my-react/react-reconciler-compact 0.0.13 → 0.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

package/dist/cjs/index.development.js +755 -663
package/dist/cjs/index.production.js +688 -607
package/dist/esm/index.mjs +1432 -1258
package/dist/types/api/append.d.ts.map +1 -1
package/dist/types/api/create.d.ts.map +1 -1
package/dist/types/api/position.d.ts.map +1 -1
package/dist/types/api/ref.d.ts.map +1 -1
package/dist/types/api/remove.d.ts.map +1 -1
package/dist/types/api/update.d.ts.map +1 -1
package/dist/types/config.d.ts.map +1 -1
package/dist/types/constants.d.ts.map +1 -1
package/dist/types/devtool.d.ts.map +1 -1
package/dist/types/{dispatchFiber.d.ts → dispatch-fiber.d.ts} +1 -1
package/dist/types/dispatch-fiber.d.ts.map +1 -0
package/dist/types/{dispatchMap.d.ts → dispatch-map.d.ts} +1 -1
package/dist/types/dispatch-map.d.ts.map +1 -0
package/dist/types/{dispatchMount.d.ts → dispatch-mount.d.ts} +1 -1
package/dist/types/dispatch-mount.d.ts.map +1 -0
package/dist/types/{dispatchUpdate.d.ts → dispatch-update.d.ts} +1 -1
package/dist/types/dispatch-update.d.ts.map +1 -0
package/dist/types/dispatch.d.ts +34 -206
package/dist/types/dispatch.d.ts.map +1 -1
package/dist/types/feature.d.ts +34 -206
package/dist/types/feature.d.ts.map +1 -1
package/dist/types/hmr.d.ts.map +1 -1
package/dist/types/index.d.ts.map +1 -1
package/dist/types/portal.d.ts.map +1 -1
package/package.json +5 -5
package/dist/types/dispatchFiber.d.ts.map +0 -1
package/dist/types/dispatchMap.d.ts.map +0 -1
package/dist/types/dispatchMount.d.ts.map +0 -1
package/dist/types/dispatchUpdate.d.ts.map +0 -1

package/dist/cjs/index.development.js CHANGED Viewed

@@ -108,7 +108,7 @@ var hasRequiredIndex_development;
 function requireIndex_development () {
 	if (hasRequiredIndex_development) return index_development;
 	hasRequiredIndex_development = 1;
-	(function (exports) {
+	(function (exports$1) {
 		var react = require$$0;
@@ -153,6 +153,10 @@ function requireIndex_development () {
 		var Comment = Symbol.for("react.comment");
 		var Activity = Symbol.for("react.activity");
 		var Profiler = Symbol.for("react.profiler");
+		/**
+		 * Symbol for server reference type
+		 */
+		var SERVER_REFERENCE_SYMBOL = Symbol.for("react.server.reference");
 		function isObject(target) {
 		    return typeof target === "object" && target !== null;
@@ -755,7 +759,7 @@ function requireIndex_development () {
 		var enableValidMyReactElement = react.createRef(false);
 		var enableLogForCurrentFlowIsRunning = react.createRef(false);
-		exports.NODE_TYPE = void 0;
+		exports$1.NODE_TYPE = void 0;
 		(function (NODE_TYPE) {
 		    NODE_TYPE[NODE_TYPE["__initial__"] = 0] = "__initial__";
 		    NODE_TYPE[NODE_TYPE["__class__"] = 1] = "__class__";
@@ -781,24 +785,25 @@ function requireIndex_development () {
 		    NODE_TYPE[NODE_TYPE["__scopeLazy__"] = 1048576] = "__scopeLazy__";
 		    NODE_TYPE[NODE_TYPE["__scopeSuspense__"] = 2097152] = "__scopeSuspense__";
 		    NODE_TYPE[NODE_TYPE["__activity__"] = 4194304] = "__activity__";
-		})(exports.NODE_TYPE || (exports.NODE_TYPE = {}));
+		    NODE_TYPE[NODE_TYPE["__serverComponent__"] = 8388608] = "__serverComponent__";
+		})(exports$1.NODE_TYPE || (exports$1.NODE_TYPE = {}));
 		var enableSyncFlush$1 = react.__my_react_shared__.enableSyncFlush;
 		/**
 		 * @deprecated
 		 */
-		exports.syncFlush = false;
+		exports$1.syncFlush = false;
 		/**
 		 * @deprecated
 		 */
 		var beforeSyncFlush = function () {
-		    exports.syncFlush = true;
+		    exports$1.syncFlush = true;
 		};
 		/**
 		 * @deprecated
 		 */
 		var afterSyncFlush = function () {
-		    exports.syncFlush = false;
+		    exports$1.syncFlush = false;
 		};
 		var stack = [enableSyncFlush$1.current];
 		var beforeSyncUpdate = function () {
@@ -1030,7 +1035,7 @@ function requireIndex_development () {
 		        if (owner) {
 		            var ownerFiber = owner;
 		            var ownerFiberElementType = ownerFiber.elementType;
-		            if (include(ownerFiber.type, exports.NODE_TYPE.__class__ | exports.NODE_TYPE.__function__)) {
+		            if (include(ownerFiber.type, exports$1.NODE_TYPE.__class__ | exports$1.NODE_TYPE.__function__)) {
 		                var ownerElement = ownerFiber._debugElement;
 		                var typedOwnerElementType = ownerFiberElementType;
 		                var name_1 = typedOwnerElementType.displayName || typedOwnerElementType.name;
@@ -1042,48 +1047,50 @@ function requireIndex_development () {
 		    }
 		};
 		var shouldIncludeLog = function (fiber) {
-		    if (include(fiber.type, exports.NODE_TYPE.__class__ | exports.NODE_TYPE.__function__)) {
+		    if (include(fiber.type, exports$1.NODE_TYPE.__class__ | exports$1.NODE_TYPE.__function__)) {
 		        return true;
 		    }
 		    return false;
 		};
 		var getFiberTagName = function (fiber) {
 		    var tag = [];
-		    if (fiber.type & exports.NODE_TYPE.__memo__) {
+		    if (fiber.type & exports$1.NODE_TYPE.__memo__) {
 		        tag.push("memo");
 		    }
-		    if (fiber.type & exports.NODE_TYPE.__forwardRef__) {
+		    if (fiber.type & exports$1.NODE_TYPE.__forwardRef__) {
 		        tag.push("forwardRef");
 		    }
-		    if (fiber.type & exports.NODE_TYPE.__lazy__) {
+		    if (fiber.type & exports$1.NODE_TYPE.__lazy__) {
 		        tag.push("lazy");
 		    }
-		    if (fiber.type & exports.NODE_TYPE.__fragment__ && fiber.pendingProps["wrap"]) {
+		    if (fiber.type & exports$1.NODE_TYPE.__fragment__ && fiber.pendingProps["wrap"]) {
 		        tag.push("auto-wrap");
 		    }
 		    return tag.join("-");
 		};
 		var getPlainFiberName = function (fiber) {
 		    var typedFiber = fiber;
-		    if (fiber.type & exports.NODE_TYPE.__provider__) {
+		    if (fiber.type & exports$1.NODE_TYPE.__provider__) {
 		        var typedElementType = fiber.elementType;
 		        var name_2 = typedElementType.Context.displayName;
 		        return "".concat(name_2 || "Context", ".Provider");
 		    }
-		    if (fiber.type & exports.NODE_TYPE.__context__) {
+		    if (fiber.type & exports$1.NODE_TYPE.__context__) {
 		        var typedElementType = fiber.elementType;
 		        var name_3 = typedElementType.displayName;
 		        return "".concat(name_3 || "Context");
 		    }
-		    if (fiber.type & exports.NODE_TYPE.__consumer__) {
+		    if (fiber.type & exports$1.NODE_TYPE.__consumer__) {
 		        var typedElementType = fiber.elementType;
 		        var name_4 = typedElementType.Context.displayName;
 		        return "".concat(name_4 || "Context", ".Consumer");
 		    }
-		    if (fiber.type & exports.NODE_TYPE.__lazy__) {
+		    if (fiber.type & exports$1.NODE_TYPE.__lazy__) {
 		        var typedElementType = fiber.elementType;
 		        var typedRender = typedElementType === null || typedElementType === void 0 ? void 0 : typedElementType.render;
 		        var name_5 = (typedRender === null || typedRender === void 0 ? void 0 : typedRender.displayName) || (typedRender === null || typedRender === void 0 ? void 0 : typedRender.name) || "";
+		        var loader = typedElementType.loader;
+		        name_5 = loader["displayName"] || name_5;
 		        {
 		            var element = typedFiber._debugElement;
 		            // may be a Suspense element
@@ -1092,31 +1099,31 @@ function requireIndex_development () {
 		        }
 		        return "".concat(name_5 || "Anonymous");
 		    }
-		    if (fiber.type & exports.NODE_TYPE.__portal__)
+		    if (fiber.type & exports$1.NODE_TYPE.__portal__)
 		        return "Portal";
-		    if (fiber.type & exports.NODE_TYPE.__null__)
+		    if (fiber.type & exports$1.NODE_TYPE.__null__)
 		        return "Null";
-		    if (fiber.type & exports.NODE_TYPE.__empty__)
+		    if (fiber.type & exports$1.NODE_TYPE.__empty__)
 		        return "Empty";
-		    if (fiber.type & exports.NODE_TYPE.__scope__)
+		    if (fiber.type & exports$1.NODE_TYPE.__scope__)
 		        return "Scope";
-		    if (fiber.type & exports.NODE_TYPE.__scopeLazy__)
+		    if (fiber.type & exports$1.NODE_TYPE.__scopeLazy__)
 		        return "ScopeLazy";
-		    if (fiber.type & exports.NODE_TYPE.__scopeSuspense__)
+		    if (fiber.type & exports$1.NODE_TYPE.__scopeSuspense__)
 		        return "ScopeSuspense";
-		    if (fiber.type & exports.NODE_TYPE.__strict__)
+		    if (fiber.type & exports$1.NODE_TYPE.__strict__)
 		        return "Strict";
-		    if (fiber.type & exports.NODE_TYPE.__profiler__)
+		    if (fiber.type & exports$1.NODE_TYPE.__profiler__)
 		        return "Profiler";
-		    if (fiber.type & exports.NODE_TYPE.__suspense__)
+		    if (fiber.type & exports$1.NODE_TYPE.__suspense__)
 		        return "Suspense";
-		    if (fiber.type & exports.NODE_TYPE.__comment__)
+		    if (fiber.type & exports$1.NODE_TYPE.__comment__)
 		        return "Comment";
-		    if (fiber.type & exports.NODE_TYPE.__root__)
+		    if (fiber.type & exports$1.NODE_TYPE.__root__)
 		        return "Root";
-		    if (fiber.type & exports.NODE_TYPE.__fragment__)
+		    if (fiber.type & exports$1.NODE_TYPE.__fragment__)
 		        return "Fragment";
-		    if (fiber.type & exports.NODE_TYPE.__text__)
+		    if (fiber.type & exports$1.NODE_TYPE.__text__)
 		        return "text";
 		    if (typeof fiber.elementType === "string")
 		        return "".concat(fiber.elementType);
@@ -1181,7 +1188,7 @@ function requireIndex_development () {
 		    while (temp) {
 		        res ? (res += "\n".concat(preString).concat(getFiberNodeNameWithFiber(temp))) : (res = "".concat(preString).concat(getFiberNodeNameWithFiber(temp)));
 		        var isMount = temp._debugIsMount;
-		        var isPlain = temp.type & exports.NODE_TYPE.__plain__;
+		        var isPlain = temp.type & exports$1.NODE_TYPE.__plain__;
 		        arr.push("color: white;background-color: ".concat(isMount ? (isPlain ? typeColor.plain : typeColor.normal) : typeColor.unmount, "; border-radius: 2px; padding: 1px 5px; margin: 1px 0px"));
 		        arr.push("");
 		        arr.push(temp);
@@ -1256,7 +1263,7 @@ function requireIndex_development () {
 		    return type;
 		};
 		var getTypeFromElementNode = function (element) {
-		    var nodeType = exports.NODE_TYPE.__initial__;
+		    var nodeType = exports$1.NODE_TYPE.__initial__;
 		    if (enableValidMyReactElement.current) {
 		        checkIsMyReactElement(element);
 		    }
@@ -1268,17 +1275,17 @@ function requireIndex_development () {
 		            {
 		                devWarn("[@my-react/react] invalid object element type \"".concat(JSON.stringify(element), "\""));
 		            }
-		            nodeType = merge(nodeType, exports.NODE_TYPE.__empty__);
+		            nodeType = merge(nodeType, exports$1.NODE_TYPE.__empty__);
 		        }
 		        else if (element === null || element === undefined || typeof element === "boolean" || typeof element === "function" || element === "") {
-		            nodeType = merge(nodeType, exports.NODE_TYPE.__null__);
+		            nodeType = merge(nodeType, exports$1.NODE_TYPE.__null__);
 		        }
 		        else {
 		            // text element
 		            return {
 		                key: null,
 		                ref: null,
-		                nodeType: exports.NODE_TYPE.__text__,
+		                nodeType: exports$1.NODE_TYPE.__text__,
 		                elementType: String(element),
 		                pendingProps: emptyProps$1,
 		                finalElement: element,
@@ -1290,7 +1297,7 @@ function requireIndex_development () {
 		};
 		var getTypeFromElement = function (element) {
 		    var _a, _b, _c, _d, _e, _f, _g;
-		    var nodeType = exports.NODE_TYPE.__initial__;
+		    var nodeType = exports$1.NODE_TYPE.__initial__;
 		    var elementType = element.type;
 		    var finalElement = element;
 		    var pendingProps = element.props;
@@ -1307,108 +1314,108 @@ function requireIndex_development () {
 		        var typedElementType = elementType;
 		        switch (typedElementType[TYPEKEY]) {
 		            case Provider:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__provider__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__provider__);
 		                break;
 		            // support react 19 context api
 		            case Context:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__context__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__context__);
 		                break;
 		            case Consumer:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__consumer__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__consumer__);
 		                break;
 		            case Memo:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__memo__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__memo__);
 		                elementType = typedElementType.render;
 		                break;
 		            case ForwardRef:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__forwardRef__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__forwardRef__);
 		                elementType = typedElementType.render;
 		                break;
 		            case Lazy:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__lazy__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__lazy__);
 		                break;
 		            default:
 		                throw new Error("[@my-react/react] invalid object element type \"".concat((_e = typedElementType[TYPEKEY]) === null || _e === void 0 ? void 0 : _e.toString(), "\""));
 		        }
 		        if (typeof elementType === "object") {
 		            if (elementType[TYPEKEY] === ForwardRef) {
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__forwardRef__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__forwardRef__);
 		                elementType = elementType.render;
 		            }
 		            if (elementType[TYPEKEY] === Provider) {
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__provider__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__provider__);
 		            }
 		            if (elementType[TYPEKEY] === Context) {
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__context__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__context__);
 		            }
 		            if (elementType[TYPEKEY] === Consumer) {
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__consumer__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__consumer__);
 		            }
 		        }
 		        if (typeof elementType === "function") {
 		            if ((_f = elementType.prototype) === null || _f === void 0 ? void 0 : _f.isMyReactComponent) {
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__class__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__class__);
 		            }
 		            else {
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__function__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__function__);
 		            }
 		        }
 		    }
 		    else if (typeof elementType === "function") {
 		        if ((_g = elementType.prototype) === null || _g === void 0 ? void 0 : _g.isMyReactComponent) {
-		            nodeType = merge(nodeType, exports.NODE_TYPE.__class__);
+		            nodeType = merge(nodeType, exports$1.NODE_TYPE.__class__);
 		        }
 		        else {
-		            nodeType = merge(nodeType, exports.NODE_TYPE.__function__);
+		            nodeType = merge(nodeType, exports$1.NODE_TYPE.__function__);
 		        }
 		    }
 		    else if (typeof elementType === "symbol") {
 		        switch (elementType) {
 		            case Root:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__root__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__root__);
 		                break;
 		            case Fragment:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__fragment__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__fragment__);
 		                break;
 		            case Strict:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__strict__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__strict__);
 		                break;
 		            case Suspense:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__suspense__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__suspense__);
 		                break;
 		            case Scope:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__scope__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__scope__);
 		                break;
 		            case ScopeLazy:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__scopeLazy__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__scopeLazy__);
 		                break;
 		            case ScopeSuspense:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__scopeSuspense__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__scopeSuspense__);
 		                break;
 		            case Comment:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__comment__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__comment__);
 		                break;
 		            case Portal:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__portal__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__portal__);
 		                break;
 		            case Profiler:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__profiler__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__profiler__);
 		                break;
 		            case Activity:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__activity__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__activity__);
 		                break;
 		            default:
 		                throw new Error("[@my-react/react] invalid symbol element type \"".concat(elementType === null || elementType === void 0 ? void 0 : elementType.toString(), "\""));
 		        }
 		    }
 		    else if (typeof elementType === "string" && elementType !== "") {
-		        nodeType = merge(nodeType, exports.NODE_TYPE.__plain__);
+		        nodeType = merge(nodeType, exports$1.NODE_TYPE.__plain__);
 		    }
 		    else {
 		        {
 		            devWarn("[@my-react/react] invalid element type \"".concat(elementType === null || elementType === void 0 ? void 0 : elementType.toString(), "\""));
 		        }
-		        nodeType = merge(nodeType, exports.NODE_TYPE.__empty__);
+		        nodeType = merge(nodeType, exports$1.NODE_TYPE.__empty__);
 		    }
 		    return { key: key, ref: ref, nodeType: nodeType, elementType: elementType, pendingProps: pendingProps, finalElement: finalElement };
 		};
@@ -1426,7 +1433,7 @@ function requireIndex_development () {
 		    }
 		};
 		var setRefreshTypeMap = function (fiber) {
-		    if (include(fiber.type, exports.NODE_TYPE.__class__ | exports.NODE_TYPE.__function__)) {
+		    if (include(fiber.type, exports$1.NODE_TYPE.__class__ | exports$1.NODE_TYPE.__function__)) {
 		        var elementType = fiber.elementType;
 		        var exist = typeToFibersMap.get(elementType) || new Set();
 		        exist.add(fiber);
@@ -1615,7 +1622,7 @@ function requireIndex_development () {
 		        var _a = getTypeFromElementNode(element), nodeType = _a.nodeType, elementType = _a.elementType;
 		        if (p.type === nodeType) {
 		            if (react.isValidElement(element)) {
-		                if (enableHMRForDev.current && include(nodeType, exports.NODE_TYPE.__class__ | exports.NODE_TYPE.__function__)) {
+		                if (enableHMRForDev.current && include(nodeType, exports$1.NODE_TYPE.__class__ | exports$1.NODE_TYPE.__function__)) {
 		                    // type error
 		                    return Object.is(getCurrentTypeFromRefresh(p.elementType), getCurrentTypeFromRefresh(elementType));
 		                }
@@ -1638,7 +1645,7 @@ function requireIndex_development () {
 		            if (react.isValidElement(element)) {
 		                var typedExistElement = p;
 		                var typedIncomingElement = element;
-		                if (enableHMRForDev.current && include(existElementType.nodeType, exports.NODE_TYPE.__class__ | exports.NODE_TYPE.__function__)) {
+		                if (enableHMRForDev.current && include(existElementType.nodeType, exports$1.NODE_TYPE.__class__ | exports$1.NODE_TYPE.__function__)) {
 		                    return Object.is(getCurrentTypeFromRefresh(typedIncomingElement.type), getCurrentTypeFromRefresh(typedExistElement.type));
 		                }
 		                else {
@@ -1847,7 +1854,7 @@ function requireIndex_development () {
 		    var _a;
 		    var parent = fiber.parent;
 		    while (parent) {
-		        if (include(parent.type, exports.NODE_TYPE.__suspense__)) {
+		        if (include(parent.type, exports$1.NODE_TYPE.__suspense__)) {
 		            return (_a = parent.pendingProps) === null || _a === void 0 ? void 0 : _a["fallback"];
 		        }
 		        parent = parent.parent;
@@ -1857,7 +1864,7 @@ function requireIndex_development () {
 		var defaultResolveSuspenseFiber = function (fiber) {
 		    var parent = fiber.parent;
 		    while (parent) {
-		        if (include(parent.type, exports.NODE_TYPE.__suspense__)) {
+		        if (include(parent.type, exports$1.NODE_TYPE.__suspense__)) {
 		            return parent;
 		        }
 		        parent = parent.parent;
@@ -1866,7 +1873,7 @@ function requireIndex_development () {
 		};
 		var defaultResolveAliveSuspenseFiber = function (fiber) {
 		    while (fiber) {
-		        if (include(fiber.type, exports.NODE_TYPE.__suspense__) && exclude(fiber.state, STATE_TYPE.__unmount__)) {
+		        if (include(fiber.type, exports$1.NODE_TYPE.__suspense__) && exclude(fiber.state, STATE_TYPE.__unmount__)) {
 		            return fiber;
 		        }
 		        fiber = fiber.parent;
@@ -2028,7 +2035,6 @@ function requireIndex_development () {
 		                            case 0:
 		                                node = renderDispatch.pendingSuspenseFiberArray.uniShift();
 		                                suspenseField = getInstanceFieldByInstance(node.instance);
-		                                renderDispatch.pendingSuspenseFiberArray.clear();
 		                                list = suspenseField.asyncLoadList.getAll();
 		                                return [4 /*yield*/, Promise.all(list.map(function (item) { return __awaiter(void 0, void 0, void 0, function () {
 		                                        var set;
@@ -2113,8 +2119,9 @@ function requireIndex_development () {
 		}); };
 		var processAsyncLoadListOnSyncMount = function (renderDispatch) {
 		    var _a;
-		    if ((_a = renderDispatch.pendingSuspenseFiberArray) === null || _a === void 0 ? void 0 : _a.length) {
+		    var _loop_2 = function () {
 		        var allPendingSuspenseFiberArray = renderDispatch.pendingSuspenseFiberArray.getAll();
+		        renderDispatch.pendingSuspenseFiberArray.clear();
 		        if (renderDispatch.enableAsyncLoad) {
 		            var allField_1 = [];
 		            allPendingSuspenseFiberArray.forEach(function (node) {
@@ -2125,7 +2132,9 @@ function requireIndex_development () {
 		                        return typeof item.status !== "string";
 		                    }
 		                    else {
-		                        return !item._loading && !item._loaded && !item._error;
+		                        // return !item._loading && !item._loaded && !item._error;
+		                        // return !item._loading;
+		                        return true;
 		                    }
 		                });
 		                if (allPendingLoadArray.length) {
@@ -2173,11 +2182,13 @@ function requireIndex_development () {
 		            // TODO use hide tree to improve
 		            mountLoopAll(renderDispatch, root);
 		            allField_1.forEach(function (field) { return (field.isHidden = false); });
-		            renderDispatch.pendingSuspenseFiberArray.clear();
 		        }
 		        else {
 		            throw new Error("[@my-react/reconciler] should not process async load list on sync mount without enableAsyncLoad, you may use a wrong renderDispatch instance");
 		        }
+		    };
+		    while ((_a = renderDispatch.pendingSuspenseFiberArray) === null || _a === void 0 ? void 0 : _a.length) {
+		        _loop_2();
 		    }
 		    if (enableSuspenseRoot$3.current) {
 		        var suspenseField_2 = getInstanceFieldByInstance(renderDispatch);
@@ -2240,13 +2251,13 @@ function requireIndex_development () {
 		var enableSuspenseRoot$2 = react.__my_react_shared__.enableSuspenseRoot;
 		var currentScheduler$d = react.__my_react_internal__.currentScheduler;
-		exports.updateTypeEnum = void 0;
+		exports$1.updateTypeEnum = void 0;
 		(function (updateTypeEnum) {
 		    updateTypeEnum[updateTypeEnum["syncFromRoot"] = 0] = "syncFromRoot";
 		    updateTypeEnum[updateTypeEnum["syncFromTrigger"] = 1] = "syncFromTrigger";
 		    updateTypeEnum[updateTypeEnum["concurrentFromRoot"] = 2] = "concurrentFromRoot";
 		    updateTypeEnum[updateTypeEnum["concurrentFromTrigger"] = 3] = "concurrentFromTrigger";
-		})(exports.updateTypeEnum || (exports.updateTypeEnum = {}));
+		})(exports$1.updateTypeEnum || (exports$1.updateTypeEnum = {}));
 		var triggerFiberUpdateListener = function (renderDispatch, fiber) {
 		    safeCallWithCurrentFiber({
 		        fiber: fiber,
@@ -2287,8 +2298,9 @@ function requireIndex_development () {
 		};
 		var processAsyncLoadListOnUpdate = function (renderDispatch) {
 		    var _a;
-		    if ((_a = renderDispatch.pendingSuspenseFiberArray) === null || _a === void 0 ? void 0 : _a.length) {
+		    var _loop_1 = function () {
 		        var allPendingSuspenseFiberArray = renderDispatch.pendingSuspenseFiberArray.getAll();
+		        renderDispatch.pendingSuspenseFiberArray.clear();
 		        if (renderDispatch.enableAsyncLoad) {
 		            var allField_1 = [];
 		            allPendingSuspenseFiberArray.forEach(function (node) {
@@ -2299,7 +2311,9 @@ function requireIndex_development () {
 		                        return typeof item.status !== "string";
 		                    }
 		                    else {
-		                        return !item._loading && !item._loaded && !item._error;
+		                        // return !item._loading && !item._loaded && !item._error;
+		                        // return !item._loading;
+		                        return true;
 		                    }
 		                });
 		                if (allPendingLoadArray.length) {
@@ -2348,11 +2362,13 @@ function requireIndex_development () {
 		            // TODO use hide tree to improve
 		            mountLoopAll(renderDispatch, root);
 		            allField_1.forEach(function (field) { return (field.isHidden = false); });
-		            renderDispatch.pendingSuspenseFiberArray.clear();
 		        }
 		        else {
 		            throw new Error("[@my-react/reconciler] should not process async load list on sync mount without enableAsyncLoad, you may use a wrong renderDispatch instance");
 		        }
+		    };
+		    while ((_a = renderDispatch.pendingSuspenseFiberArray) === null || _a === void 0 ? void 0 : _a.length) {
+		        _loop_1();
 		    }
 		    // TODO update flow
 		    if (enableSuspenseRoot$2.current) {
@@ -2413,7 +2429,7 @@ function requireIndex_development () {
 		    return typeof instance.componentDidCatch === "function" || typeof Component.getDerivedStateFromError === "function";
 		};
 		var isErrorBoundariesComponent = function (fiber) {
-		    if (include(fiber.type, exports.NODE_TYPE.__class__) && include(fiber.state, STATE_TYPE.__stable__)) {
+		    if (include(fiber.type, exports$1.NODE_TYPE.__class__) && include(fiber.state, STATE_TYPE.__stable__)) {
 		        var Component = fiber.elementType;
 		        var typedComponent = Component;
 		        var typedInstance = fiber.instance;
@@ -2453,7 +2469,6 @@ function requireIndex_development () {
 		    return field;
 		};
-		/* eslint-disable max-lines */
 		var enableLegacyLifeCycle = react.__my_react_shared__.enableLegacyLifeCycle;
 		// eslint-disable-next-line @typescript-eslint/ban-ts-comment
 		// @ts-ignore
@@ -2541,7 +2556,7 @@ function requireIndex_development () {
 		var processComponentDidMountOnMount = function (renderDispatch, fiber) {
 		    var typedInstance = fiber.instance;
 		    var effect = getInstanceEffectState(typedInstance);
-		    if (exclude(effect, Effect_TYPE.__effect__)) {
+		    if (typeof effect === "number" && exclude(effect, Effect_TYPE.__effect__)) {
 		        setEffectForInstance(typedInstance, Effect_TYPE.__effect__);
 		        renderDispatch.pendingLayoutEffect(fiber, function invokeComponentDidMountOnInstance() {
 		            var _a;
@@ -2610,7 +2625,7 @@ function requireIndex_development () {
 		    var baseState = _a.baseState, baseProps = _a.baseProps, snapshot = _a.snapshot;
 		    var typedInstance = fiber.instance;
 		    var effect = getInstanceEffectState(typedInstance);
-		    if (typedInstance.componentDidUpdate && exclude(effect, Effect_TYPE.__effect__)) {
+		    if (typedInstance.componentDidUpdate && typeof effect === "number" && exclude(effect, Effect_TYPE.__effect__)) {
 		        setEffectForInstance(typedInstance, Effect_TYPE.__effect__);
 		        renderDispatch.pendingLayoutEffect(fiber, function invokeComponentDidUpdateOnInstance() {
 		            var _a;
@@ -2762,7 +2777,7 @@ function requireIndex_development () {
 		    var nextContext = processComponentContextOnUpdate(renderDispatch, fiber);
 		    var shouldUpdate = Boolean(include(fiber.state, STATE_TYPE.__triggerSyncForce__ | STATE_TYPE.__triggerConcurrentForce__));
 		    if (!shouldUpdate) {
-		        shouldUpdate = processComponentShouldUpdateOnUpdate(fiber, {
+		        shouldUpdate = !!processComponentShouldUpdateOnUpdate(fiber, {
 		            nextState: nextState,
 		            nextProps: nextProps,
 		            nextContext: nextContext,
@@ -2821,13 +2836,13 @@ function requireIndex_development () {
 		};
 		/* eslint-disable max-lines */
-		var enableDebugFiled$8 = react.__my_react_shared__.enableDebugFiled;
+		var enableDebugFiled$a = react.__my_react_shared__.enableDebugFiled;
 		var currentScheduler$c = react.__my_react_internal__.currentScheduler;
 		// TODO 整合
 		var processClassComponentUpdateQueueLatest = function (renderDispatch, fiber, enableTaskPriority) {
 		    if (include(fiber.state, STATE_TYPE.__unmount__))
 		        return;
-		    if (exclude(fiber.type, exports.NODE_TYPE.__class__))
+		    if (exclude(fiber.type, exports$1.NODE_TYPE.__class__))
 		        throw new Error("[@my-react/react] current fiber is not a class component, look like a bug for @my-react");
 		    var renderScheduler = currentScheduler$c.current;
 		    var allQueue = fiber.updateQueue;
@@ -2844,7 +2859,7 @@ function requireIndex_development () {
 		    var baseState = Object.assign({}, fiber.pendingState);
 		    var baseProps = Object.assign({}, typedInstance.props);
 		    var pendingState = Object.assign({}, fiber.pendingState);
-		    if (enableDebugFiled$8.current && enableDebugUpdateQueue.current) {
+		    if (enableDebugFiled$a.current && enableDebugUpdateQueue.current) {
 		        typedFiber._debugLatestUpdateQueue = new ListTree();
 		    }
 		    if (enableTaskPriority && allQueue.some(function (l) { return l.isSync; })) {
@@ -2872,7 +2887,7 @@ function requireIndex_development () {
 		                isImmediate = isImmediate || updater.isImmediate;
 		                isRetrigger = isRetrigger || updater.isRetrigger;
 		                updater.callback && callbacks.push(updater.callback);
-		                if (enableDebugFiled$8.current) {
+		                if (enableDebugFiled$a.current) {
 		                    var typedNode = updater;
 		                    typedNode._debugRunTime = Date.now();
 		                    typedNode._debugBeforeValue = pendingState;
@@ -2893,7 +2908,7 @@ function requireIndex_development () {
 		                isImmediate = isImmediate || updater.isImmediate;
 		                isRetrigger = isRetrigger || updater.isRetrigger;
 		                updater.callback && callbacks.push(updater.callback);
-		                if (enableDebugFiled$8.current) {
+		                if (enableDebugFiled$a.current) {
 		                    var typedNode = updater;
 		                    typedNode._debugRunTime = Date.now();
 		                    typedNode._debugBeforeValue = pendingState;
@@ -2955,7 +2970,7 @@ function requireIndex_development () {
 		                isImmediate = isImmediate || updater.isImmediate;
 		                isRetrigger = isRetrigger || updater.isRetrigger;
 		                updater.callback && callbacks.push(updater.callback);
-		                if (enableDebugFiled$8.current) {
+		                if (enableDebugFiled$a.current) {
 		                    var typedNode = updater;
 		                    typedNode._debugRunTime = Date.now();
 		                    typedNode._debugBeforeValue = pendingState;
@@ -2976,7 +2991,7 @@ function requireIndex_development () {
 		                isImmediate = isImmediate || updater.isImmediate;
 		                isRetrigger = isRetrigger || updater.isRetrigger;
 		                updater.callback && callbacks.push(updater.callback);
-		                if (enableDebugFiled$8.current) {
+		                if (enableDebugFiled$a.current) {
 		                    var typedNode = updater;
 		                    typedNode._debugRunTime = Date.now();
 		                    typedNode._debugBeforeValue = pendingState;
@@ -3013,7 +3028,7 @@ function requireIndex_development () {
 		var processClassComponentUpdateQueueLegacy = function (renderDispatch, fiber) {
 		    if (include(fiber.state, STATE_TYPE.__unmount__))
 		        return;
-		    if (exclude(fiber.type, exports.NODE_TYPE.__class__))
+		    if (exclude(fiber.type, exports$1.NODE_TYPE.__class__))
 		        throw new Error("[@my-react/react] current fiber is not a class component, look like a bug for @my-react");
 		    var renderScheduler = currentScheduler$c.current;
 		    var allQueue = fiber.updateQueue;
@@ -3030,7 +3045,7 @@ function requireIndex_development () {
 		    var baseState = Object.assign({}, fiber.pendingState);
 		    var baseProps = Object.assign({}, typedInstance.props);
 		    var pendingState = Object.assign({}, fiber.pendingState);
-		    if (enableDebugFiled$8.current && enableDebugUpdateQueue.current) {
+		    if (enableDebugFiled$a.current && enableDebugUpdateQueue.current) {
 		        typedFiber._debugLatestUpdateQueue = new ListTree();
 		    }
 		    if (node) {
@@ -3055,7 +3070,7 @@ function requireIndex_development () {
 		            isImmediate = isImmediate || updater.isImmediate;
 		            isRetrigger = isRetrigger || updater.isRetrigger;
 		            updater.callback && callbacks.push(updater.callback);
-		            if (enableDebugFiled$8.current) {
+		            if (enableDebugFiled$a.current) {
 		                var typedNode = updater;
 		                typedNode._debugRunTime = Date.now();
 		                typedNode._debugBeforeValue = pendingState;
@@ -3076,7 +3091,7 @@ function requireIndex_development () {
 		            isImmediate = isImmediate || updater.isImmediate;
 		            isRetrigger = isRetrigger || updater.isRetrigger;
 		            updater.callback && callbacks.push(updater.callback);
-		            if (enableDebugFiled$8.current) {
+		            if (enableDebugFiled$a.current) {
 		                var typedNode = updater;
 		                typedNode._debugRunTime = Date.now();
 		                typedNode._debugBeforeValue = pendingState;
@@ -3114,7 +3129,7 @@ function requireIndex_development () {
 		    var _a, _b;
 		    if (include(fiber.state, STATE_TYPE.__unmount__))
 		        return;
-		    if (exclude(fiber.type, exports.NODE_TYPE.__function__)) {
+		    if (exclude(fiber.type, exports$1.NODE_TYPE.__function__)) {
 		        throw new Error("[@my-react/react] current fiber is not a function component, look like a bug for @my-react");
 		    }
 		    var renderScheduler = currentScheduler$c.current;
@@ -3128,7 +3143,7 @@ function requireIndex_development () {
 		    var isRetrigger = false;
 		    var processedNodes = [];
 		    var callbacks = [];
-		    if (enableDebugFiled$8.current && enableDebugUpdateQueue.current) {
+		    if (enableDebugFiled$a.current && enableDebugUpdateQueue.current) {
 		        typedFiber._debugLatestUpdateQueue = new ListTree();
 		    }
 		    if (enableTaskPriority && allQueue.some(function (l) { return l.isSync; })) {
@@ -3170,7 +3185,7 @@ function requireIndex_development () {
 		                updater.callback && callbacks.push(updater.callback);
 		                if (!needUpdate && (isForce || hasError_1 || callbacks.length || !Object.is(lastResult_1, typedTrigger_1.result)))
 		                    needUpdate = true;
-		                if (enableDebugFiled$8.current) {
+		                if (enableDebugFiled$a.current) {
 		                    var typedNode = updater;
 		                    typedNode._debugRunTime = Date.now();
 		                    typedNode._debugBeforeValue = lastResult_1;
@@ -3194,7 +3209,7 @@ function requireIndex_development () {
 		                isRetrigger = isRetrigger || updater.isRetrigger;
 		                updater.callback && callbacks.push(updater.callback);
 		                needUpdate = true;
-		                if (enableDebugFiled$8.current) {
+		                if (enableDebugFiled$a.current) {
 		                    var typedNode = updater;
 		                    typedNode._debugRunTime = Date.now();
 		                    typedNode._debugBeforeValue = undefined;
@@ -3270,7 +3285,7 @@ function requireIndex_development () {
 		                updater.callback && callbacks.push(updater.callback);
 		                if (!needUpdate && (isForce || hasError_2 || callbacks.length || !Object.is(lastResult_2, typedTrigger_2.result)))
 		                    needUpdate = true;
-		                if (enableDebugFiled$8.current) {
+		                if (enableDebugFiled$a.current) {
 		                    var typedNode = updater;
 		                    typedNode._debugRunTime = Date.now();
 		                    typedNode._debugBeforeValue = lastResult_2;
@@ -3294,7 +3309,7 @@ function requireIndex_development () {
 		                isRetrigger = isRetrigger || updater.isRetrigger;
 		                updater.callback && callbacks.push(updater.callback);
 		                needUpdate = true;
-		                if (enableDebugFiled$8.current) {
+		                if (enableDebugFiled$a.current) {
 		                    var typedNode = updater;
 		                    typedNode._debugRunTime = Date.now();
 		                    typedNode._debugBeforeValue = undefined;
@@ -3331,7 +3346,7 @@ function requireIndex_development () {
 		    var _a;
 		    if (include(fiber.state, STATE_TYPE.__unmount__))
 		        return;
-		    if (exclude(fiber.type, exports.NODE_TYPE.__function__)) {
+		    if (exclude(fiber.type, exports$1.NODE_TYPE.__function__)) {
 		        throw new Error("[@my-react/react] current fiber is not a function component, look like a bug for @my-react");
 		    }
 		    var renderScheduler = currentScheduler$c.current;
@@ -3345,7 +3360,7 @@ function requireIndex_development () {
 		    var isRetrigger = false;
 		    var processedNodes = [];
 		    var callbacks = [];
-		    if (enableDebugFiled$8.current && enableDebugUpdateQueue.current) {
+		    if (enableDebugFiled$a.current && enableDebugUpdateQueue.current) {
 		        typedFiber._debugLatestUpdateQueue = new ListTree();
 		    }
 		    if (node) {
@@ -3385,7 +3400,7 @@ function requireIndex_development () {
 		            updater.callback && callbacks.push(updater.callback);
 		            if (!needUpdate && (isForce || hasError_3 || callbacks.length || !Object.is(lastResult_3, typedTrigger_3.result)))
 		                needUpdate = true;
-		            if (enableDebugFiled$8.current) {
+		            if (enableDebugFiled$a.current) {
 		                var typedNode = updater;
 		                typedNode._debugRunTime = Date.now();
 		                typedNode._debugBeforeValue = lastResult_3;
@@ -3409,7 +3424,7 @@ function requireIndex_development () {
 		            isRetrigger = isRetrigger || updater.isRetrigger;
 		            updater.callback && callbacks.push(updater.callback);
 		            needUpdate = true;
-		            if (enableDebugFiled$8.current) {
+		            if (enableDebugFiled$a.current) {
 		                var typedNode = updater;
 		                typedNode._debugRunTime = Date.now();
 		                typedNode._debugBeforeValue = undefined;
@@ -3455,7 +3470,7 @@ function requireIndex_development () {
 		    var isRetrigger = false;
 		    var processedNodes = [];
 		    var callbacks = [];
-		    if (enableDebugFiled$8.current && enableDebugUpdateQueue.current) {
+		    if (enableDebugFiled$a.current && enableDebugUpdateQueue.current) {
 		        typedFiber._debugLatestUpdateQueue = new ListTree();
 		    }
 		    while (node) {
@@ -3469,7 +3484,7 @@ function requireIndex_development () {
 		        isImmediate = isImmediate || updater.isImmediate;
 		        isRetrigger = isRetrigger || updater.isRetrigger;
 		        updater.callback && callbacks.push(updater.callback);
-		        if (enableDebugFiled$8.current) {
+		        if (enableDebugFiled$a.current) {
 		            var typedNode = updater;
 		            typedNode._debugRunTime = Date.now();
 		            typedNode._debugBeforeValue = undefined;
@@ -3511,7 +3526,7 @@ function requireIndex_development () {
 		    var isRetrigger = false;
 		    var processedNodes = [];
 		    var callbacks = [];
-		    if (enableDebugFiled$8.current && enableDebugUpdateQueue.current) {
+		    if (enableDebugFiled$a.current && enableDebugUpdateQueue.current) {
 		        typedFiber._debugLatestUpdateQueue = new ListTree();
 		    }
 		    if (node) {
@@ -3524,7 +3539,7 @@ function requireIndex_development () {
 		        isImmediate = isImmediate || updater.isImmediate;
 		        isRetrigger = isRetrigger || updater.isRetrigger;
 		        updater.callback && callbacks.push(updater.callback);
-		        if (enableDebugFiled$8.current) {
+		        if (enableDebugFiled$a.current) {
 		            var typedNode = updater;
 		            typedNode._debugRunTime = Date.now();
 		            typedNode._debugBeforeValue = undefined;
@@ -3575,13 +3590,13 @@ function requireIndex_development () {
 		};
 		var currentComponentFiber$4 = react.__my_react_internal__.currentComponentFiber, currentRunningFiber$1 = react.__my_react_internal__.currentRunningFiber;
-		var enableDebugFiled$7 = react.__my_react_shared__.enableDebugFiled;
+		var enableDebugFiled$9 = react.__my_react_shared__.enableDebugFiled;
 		var MAX_UPDATE_COUNT = 25;
 		var lastRenderComponentFiber = null;
 		var lastRenderComponentTimeStep = null;
 		var renderCount = 0;
 		var processState = function (renderDispatch, _params) {
-		    if (enableDebugFiled$7.current) {
+		    if (enableDebugFiled$9.current) {
 		        var typedUpdateQueue = _params;
 		        typedUpdateQueue._debugCreateTime = Date.now();
 		        typedUpdateQueue._debugType = UpdateQueueType[_params.type];
@@ -3605,7 +3620,7 @@ function requireIndex_development () {
 		    if (_params.type === UpdateQueueType.component) {
 		        if (!ownerFiber || include(ownerFiber.state, STATE_TYPE.__unmount__))
 		            return;
-		        if (!exports.syncFlush && currentComponentFiber$4.current) {
+		        if (!exports$1.syncFlush && currentComponentFiber$4.current) {
 		            var currentRFiber = currentRunningFiber$1.current;
 		            var currentCFiber = currentComponentFiber$4.current;
 		            var now = Date.now();
@@ -3624,12 +3639,10 @@ function requireIndex_development () {
 		                renderCount = 0;
 		                throw new Error("[@my-react/react] look like there are infinity update for current component ".concat(currentComponentFiber$4.current && getElementName(currentComponentFiber$4.current)));
 		            }
-		            else if (!isErrorBoundariesComponent(ownerFiber)) {
+		            else if (enableLogForCurrentFlowIsRunning.current && !isErrorBoundariesComponent(ownerFiber)) {
 		                var triggeredElementName = getElementName(ownerFiber);
 		                var currentElementName = getElementName(currentCFiber);
-		                if (enableLogForCurrentFlowIsRunning.current) {
-		                    onceWarnWithKeyAndFiber(currentRFiber, "updateWhenCurrentFlowIsRunning-".concat(triggeredElementName), "[@my-react/react] trigger an update for ".concat(triggeredElementName, " when current update flow is running, this is a unexpected behavior, please make sure current render function for ").concat(currentElementName, " is a pure function"));
-		                }
+		                onceWarnWithKeyAndFiber(currentRFiber, "updateWhenCurrentFlowIsRunning-".concat(triggeredElementName), "[@my-react/react] trigger an update for ".concat(triggeredElementName, " when current update flow is running, this is a unexpected behavior, please make sure current render function for ").concat(currentElementName, " is a pure function"));
 		            }
 		            lastRenderComponentFiber = currentCFiber;
 		            lastRenderComponentTimeStep = now;
@@ -3648,7 +3661,7 @@ function requireIndex_development () {
 		    else if (_params.type === UpdateQueueType.hook) {
 		        if (!ownerFiber || include(ownerFiber === null || ownerFiber === void 0 ? void 0 : ownerFiber.state, STATE_TYPE.__unmount__))
 		            return;
-		        if (!exports.syncFlush && currentComponentFiber$4.current) {
+		        if (!exports$1.syncFlush && currentComponentFiber$4.current) {
 		            var currentRFiber = currentRunningFiber$1.current;
 		            var currentCFiber = currentComponentFiber$4.current;
 		            var now = Date.now();
@@ -3667,12 +3680,10 @@ function requireIndex_development () {
 		                renderCount = 0;
 		                throw new Error("[@my-react/react] look like there are infinity update for current component ".concat(currentComponentFiber$4.current && getElementName(currentComponentFiber$4.current)));
 		            }
-		            else if (!isErrorBoundariesComponent(ownerFiber)) {
+		            else if (enableLogForCurrentFlowIsRunning.current && !isErrorBoundariesComponent(ownerFiber)) {
 		                var triggeredElementName = getElementName(ownerFiber);
 		                var currentElementName = getElementName(currentCFiber);
-		                if (enableLogForCurrentFlowIsRunning.current) {
-		                    onceWarnWithKeyAndFiber(currentRFiber, "updateWhenCurrentFlowIsRunning-".concat(triggeredElementName), "[@my-react/react] trigger an update for ".concat(triggeredElementName, " when current update flow is running, this is a unexpected behavior, please make sure current render function for ").concat(currentElementName, " is a pure function"));
-		                }
+		                onceWarnWithKeyAndFiber(currentRFiber, "updateWhenCurrentFlowIsRunning-".concat(triggeredElementName), "[@my-react/react] trigger an update for ".concat(triggeredElementName, " when current update flow is running, this is a unexpected behavior, please make sure current render function for ").concat(currentElementName, " is a pure function"));
 		            }
 		            lastRenderComponentFiber = currentCFiber;
 		            lastRenderComponentTimeStep = now;
@@ -3764,7 +3775,7 @@ function requireIndex_development () {
 		var applyTriggerFiberCb = function (renderDispatch, fiber) {
 		    var _a, _b;
 		    var cbArray = renderDispatch.runtimeMap.triggerCallbackMap.get(fiber);
-		    if (include(fiber.type, exports.NODE_TYPE.__class__)) {
+		    if (include(fiber.type, exports$1.NODE_TYPE.__class__)) {
 		        (_a = cbArray === null || cbArray === void 0 ? void 0 : cbArray.listToFoot) === null || _a === void 0 ? void 0 : _a.call(cbArray, function (cb) {
 		            renderDispatch.pendingLayoutEffect(fiber, cb, { stickyToFoot: true });
 		        });
@@ -4206,7 +4217,7 @@ function requireIndex_development () {
 		    return MyReactSignal;
 		}());
-		var enableDebugLog$1 = react.__my_react_shared__.enableDebugLog, enableDebugFiled$6 = react.__my_react_shared__.enableDebugFiled;
+		var enableDebugLog$1 = react.__my_react_shared__.enableDebugLog, enableDebugFiled$8 = react.__my_react_shared__.enableDebugFiled;
 		var currentHookTreeNode$2 = react.__my_react_internal__.currentHookTreeNode, currentHookNodeIndex$2 = react.__my_react_internal__.currentHookNodeIndex;
 		var defaultReducer = function (state, action) {
 		    return typeof action === "function" ? action(state) : action;
@@ -4223,8 +4234,9 @@ function requireIndex_development () {
 		            if (currentHookIndex === 0) {
 		                defaultDeleteChildEffect(renderDispatch, fiber);
 		                defaultDeleteCurrentEffect(renderDispatch, fiber);
-		                fiber.hookList.clear();
 		            }
+		            return currentHook;
+		            // fiber.hookList.clear();
 		        }
 		        else {
 		            throw new Error("[@my-react/react] should not have a hookList for current node, this is a bug for @my-react");
@@ -4383,7 +4395,7 @@ function requireIndex_development () {
 		        };
 		    }
 		    var typedHook = hookNode;
-		    if (enableDebugFiled$6.current) {
+		    if (enableDebugFiled$8.current) {
 		        var typedFiber = fiber;
 		        typedFiber._debugHookTypes = typedFiber._debugHookTypes || [];
 		        typedFiber._debugHookTypes.push(HOOK_TYPE[hookNode.type]);
@@ -4671,7 +4683,7 @@ function requireIndex_development () {
 		    });
 		};
-		var enableDebugFiled$5 = react.__my_react_shared__.enableDebugFiled;
+		var enableDebugFiled$7 = react.__my_react_shared__.enableDebugFiled;
 		var clearFiberNode = function (renderDispatch, fiber) {
 		    hookListUnmount(renderDispatch, fiber);
 		    processClassComponentUnmount(renderDispatch, fiber);
@@ -4680,7 +4692,7 @@ function requireIndex_development () {
 		    fiber.hookList = null;
 		    fiber.updateQueue = null;
 		    renderDispatch.commitUnsetRef(fiber);
-		    if (enableDebugFiled$5.current) {
+		    if (enableDebugFiled$7.current) {
 		        var typedFiber = fiber;
 		        typedFiber._debugHookTypes = [];
 		    }
@@ -4756,10 +4768,10 @@ function requireIndex_development () {
 		    var renderScheduler = currentScheduler$5.current;
 		    var flag = renderDispatch.enableConcurrentMode;
 		    var updateState = null;
-		    if (include(fiber.type, exports.NODE_TYPE.__class__)) {
+		    if (include(fiber.type, exports$1.NODE_TYPE.__class__)) {
 		        updateState = flag ? processClassComponentUpdateQueueLatest(renderDispatch, fiber, flag) : processClassComponentUpdateQueueLegacy(renderDispatch, fiber);
 		    }
-		    else if (include(fiber.type, exports.NODE_TYPE.__function__)) {
+		    else if (include(fiber.type, exports$1.NODE_TYPE.__function__)) {
 		        updateState = flag
 		            ? processFunctionComponentUpdateQueueLatest(renderDispatch, fiber, flag)
 		            : processFunctionComponentUpdateQueueLegacy(renderDispatch, fiber);
@@ -4845,7 +4857,7 @@ function requireIndex_development () {
 		    function MyReactFiberNode(element) {
 		        this.state = STATE_TYPE.__initial__;
 		        this.patch = PATCH_TYPE.__initial__;
-		        this.type = exports.NODE_TYPE.__initial__;
+		        this.type = exports$1.NODE_TYPE.__initial__;
 		        this.child = null;
 		        this.parent = null;
 		        this.sibling = null;
@@ -4860,7 +4872,7 @@ function requireIndex_development () {
 		        this.key = key;
 		        this.type = nodeType;
 		        this.elementType = elementType;
-		        if (include(nodeType, exports.NODE_TYPE.__function__)) {
+		        if (include(nodeType, exports$1.NODE_TYPE.__function__)) {
 		            this.elementRawType = element === null || element === void 0 ? void 0 : element.type;
 		        }
 		        this.pendingProps = pendingProps;
@@ -4968,7 +4980,7 @@ function requireIndex_development () {
 		    var nextProps = fiber.pendingProps;
 		    var nextRef = fiber.ref;
 		    if (prevElementType !== nextElementType || prevProps !== nextProps) {
-		        if (include(fiber.type, exports.NODE_TYPE.__memo__)) {
+		        if (include(fiber.type, exports$1.NODE_TYPE.__memo__)) {
 		            var typedElement = nextElement;
 		            var typedElementType = typedElement.type;
 		            var compare = typedElementType.compare || isNormalEquals;
@@ -4987,12 +4999,12 @@ function requireIndex_development () {
 		        }
 		    }
 		    if (fiber.state !== STATE_TYPE.__stable__) {
-		        if (include(fiber.type, exports.NODE_TYPE.__plain__)) {
+		        if (include(fiber.type, exports$1.NODE_TYPE.__plain__)) {
 		            if (!isNormalEquals(fiber.pendingProps, fiber.memoizedProps, function (key) { return key === "children"; })) {
 		                renderDispatch.pendingUpdate(fiber);
 		            }
 		        }
-		        if (include(fiber.type, exports.NODE_TYPE.__text__)) {
+		        if (include(fiber.type, exports$1.NODE_TYPE.__text__)) {
 		            renderDispatch.pendingUpdate(fiber);
 		        }
 		    }
@@ -5034,7 +5046,7 @@ function requireIndex_development () {
 		    return fiber;
 		};
-		var enableDebugFiled$4 = react.__my_react_shared__.enableDebugFiled;
+		var enableDebugFiled$6 = react.__my_react_shared__.enableDebugFiled;
 		var unmountFiberNode = function (renderDispatch, fiber) {
 		    if (include(fiber.state, STATE_TYPE.__unmount__))
 		        return;
@@ -5083,7 +5095,7 @@ function requireIndex_development () {
 		    }
 		    fiber.patch = PATCH_TYPE.__initial__;
 		    fiber.state = STATE_TYPE.__unmount__;
-		    if (enableDebugFiled$4.current) {
+		    if (enableDebugFiled$6.current) {
 		        var typedFiber = fiber;
 		        typedFiber._debugIsMount = false;
 		        delete typedFiber._debugStrict;
@@ -5092,7 +5104,7 @@ function requireIndex_development () {
 		    }
 		};
-		var enableDebugFiled$3 = react.__my_react_shared__.enableDebugFiled;
+		var enableDebugFiled$5 = react.__my_react_shared__.enableDebugFiled;
 		var getIsSameTypeNode = function (newChild, draftFiber) {
 		    if (!draftFiber)
 		        return false;
@@ -5145,7 +5157,7 @@ function requireIndex_development () {
 		            existingChildren.delete(index);
 		        }
 		        // same type
-		        if (include(draftFiber_1 === null || draftFiber_1 === void 0 ? void 0 : draftFiber_1.type, exports.NODE_TYPE.__fragment__)) {
+		        if (include(draftFiber_1 === null || draftFiber_1 === void 0 ? void 0 : draftFiber_1.type, exports$1.NODE_TYPE.__fragment__)) {
 		            var newElement = react.createElement(Fragment, dynamicFragmentProps, newChild);
 		            return updateFiberNode(renderDispatch, { fiber: draftFiber_1, parent: parentFiber, prevFiber: prevFiberChild }, newElement);
 		        }
@@ -5191,7 +5203,7 @@ function requireIndex_development () {
 		        var _a = getExistingChildren(parentFiber), existingChildrenMap = _a.existingChildrenMap, existingChildrenArray = _a.existingChildrenArray;
 		        parentFiber.child = null;
 		        var typedParentFiber = parentFiber;
-		        if (enableDebugFiled$3.current) {
+		        if (enableDebugFiled$5.current) {
 		            typedParentFiber._debugRenderChildrenCurrent && (typedParentFiber._debugRenderChildrenPrevious = typedParentFiber._debugRenderChildrenCurrent);
 		            typedParentFiber._debugRenderChildrenCurrent = [];
 		        }
@@ -5204,14 +5216,14 @@ function requireIndex_development () {
 		                var newFiber = getNewFiberWithUpdate(renderDispatch, newChild, parentFiber, existingChildrenMap, existingChildrenArray[index] || null, index);
 		                lastFiber && (lastFiber.sibling = newFiber);
 		                lastFiber = newFiber;
-		                if (enableDebugFiled$3.current)
+		                if (enableDebugFiled$5.current)
 		                    typedParentFiber._debugRenderChildrenCurrent.push(newChild);
 		                index++;
 		            }
 		        }
 		        else {
 		            getNewFiberWithUpdate(renderDispatch, children, parentFiber, existingChildrenMap, existingChildrenArray[0], 0);
-		            if (enableDebugFiled$3.current)
+		            if (enableDebugFiled$5.current)
 		                typedParentFiber._debugRenderChildrenCurrent.push(children);
 		        }
 		        deleteIfNeed(renderDispatch, parentFiber, existingChildrenMap);
@@ -5220,7 +5232,7 @@ function requireIndex_development () {
 		        var existingChildrenMap = getExistingChildren(parentFiber).existingChildrenMap;
 		        deleteIfNeed(renderDispatch, parentFiber, existingChildrenMap);
 		        var typedParentFiber = parentFiber;
-		        if (enableDebugFiled$3.current) {
+		        if (enableDebugFiled$5.current) {
 		            typedParentFiber._debugRenderChildrenCurrent && (typedParentFiber._debugRenderChildrenPrevious = typedParentFiber._debugRenderChildrenCurrent);
 		            typedParentFiber._debugRenderChildrenCurrent = [];
 		        }
@@ -5234,14 +5246,14 @@ function requireIndex_development () {
 		                var newFiber = getNewFiberWithInitial(renderDispatch, newChild, parentFiber);
 		                lastFiber && (lastFiber.sibling = newFiber);
 		                lastFiber = newFiber;
-		                if (enableDebugFiled$3.current)
+		                if (enableDebugFiled$5.current)
 		                    typedParentFiber._debugRenderChildrenCurrent.push(newChild);
 		                index++;
 		            }
 		        }
 		        else {
 		            getNewFiberWithInitial(renderDispatch, children, parentFiber);
-		            if (enableDebugFiled$3.current)
+		            if (enableDebugFiled$5.current)
 		                typedParentFiber._debugRenderChildrenCurrent.push(children);
 		        }
 		    }
@@ -5296,7 +5308,7 @@ function requireIndex_development () {
 		    return children;
 		};
-		var currentHookTreeNode = react.__my_react_internal__.currentHookTreeNode, currentHookNodeIndex$1 = react.__my_react_internal__.currentHookNodeIndex, currentScheduler$4 = react.__my_react_internal__.currentScheduler;
+		var currentHookTreeNode = react.__my_react_internal__.currentHookTreeNode, currentHookNodeIndex$1 = react.__my_react_internal__.currentHookNodeIndex, currentScheduler$4 = react.__my_react_internal__.currentScheduler, cacheLazy = react.__my_react_internal__.cacheLazy;
 		var triggerState = STATE_TYPE.__triggerSync__ |
 		    STATE_TYPE.__triggerSyncForce__ |
 		    STATE_TYPE.__triggerConcurrent__ |
@@ -5308,7 +5320,7 @@ function requireIndex_development () {
 		    currentHookNodeIndex$1.current = 0;
 		    var typedElementType = fiber.elementType;
 		    var children = null;
-		    if (include(fiber.type, exports.NODE_TYPE.__forwardRef__)) {
+		    if (include(fiber.type, exports$1.NODE_TYPE.__forwardRef__)) {
 		        var typedElementTypeWithRef_1 = typedElementType;
 		        children = safeCallWithCurrentFiber({
 		            fiber: fiber,
@@ -5316,7 +5328,17 @@ function requireIndex_development () {
 		                var _a, _b, _c, _d;
 		                var re = undefined;
 		                try {
-		                    re = typedElementTypeWithRef_1(fiber.pendingProps, fiber.ref);
+		                    if (typedElementTypeWithRef_1[TYPEKEY] === SERVER_REFERENCE_SYMBOL) {
+		                        var cacheFun = react.cache(typedElementTypeWithRef_1);
+		                        re = cacheFun(fiber.pendingProps, fiber.ref);
+		                        // support rsc
+		                        // rsc return promise, so we transform promise to lazy, and try to keep the lazy stable
+		                        if (isPromise(re))
+		                            return react.createElement(cacheLazy(re));
+		                    }
+		                    else {
+		                        re = typedElementTypeWithRef_1(fiber.pendingProps, fiber.ref);
+		                    }
 		                }
 		                catch (e) {
 		                    if (isPromise(e)) {
@@ -5343,7 +5365,16 @@ function requireIndex_development () {
 		                var _a, _b, _c, _d;
 		                var re = undefined;
 		                try {
-		                    re = typedElementType(fiber.pendingProps);
+		                    if (typedElementType[TYPEKEY] === SERVER_REFERENCE_SYMBOL) {
+		                        var cacheFun = react.cache(typedElementType);
+		                        re = cacheFun(fiber.pendingProps);
+		                        // support rsc
+		                        if (isPromise(re))
+		                            return react.createElement(cacheLazy(re));
+		                    }
+		                    else {
+		                        re = typedElementType(fiber.pendingProps);
+		                    }
 		                }
 		                catch (e) {
 		                    if (isPromise(e)) {
@@ -5372,7 +5403,7 @@ function requireIndex_development () {
 		var WrapperBySuspenseScope = function (children) {
 		    return react.createElement(ScopeSuspense, null, react.createElement(Comment, { mode: "s" }), children, react.createElement(Comment, { mode: "e" }));
 		};
-		var isCommentElement = function (fiber) { return include(fiber.type, exports.NODE_TYPE.__comment__); };
+		var isCommentElement = function (fiber) { return include(fiber.type, exports$1.NODE_TYPE.__comment__); };
 		var isCommentStartElement = function (fiber) {
 		    if (isCommentElement(fiber)) {
 		        return fiber.pendingProps["mode"] === "s";
@@ -5386,7 +5417,7 @@ function requireIndex_development () {
 		    return false;
 		};
-		var enableSuspenseRoot$1 = react.__my_react_shared__.enableSuspenseRoot;
+		var enableSuspenseRoot$1 = react.__my_react_shared__.enableSuspenseRoot, enableDebugFiled$4 = react.__my_react_shared__.enableDebugFiled;
 		var currentScheduler$3 = react.__my_react_internal__.currentScheduler;
 		var loadLazy = function (renderDispatch, typedElementType) { return __awaiter(void 0, void 0, void 0, function () {
 		    var loadedPromise, loaded, render, e_1;
@@ -5416,6 +5447,9 @@ function requireIndex_development () {
 		            case 4:
 		                typedElementType._loaded = true;
 		                typedElementType._loading = false;
+		                if (enableDebugFiled$4.current) {
+		                    typedElementType._debugResolveTime = typedElementType._debugResolveTime || Date.now();
+		                }
 		                return [7 /*endfinally*/];
 		            case 5: return [2 /*return*/];
 		        }
@@ -5430,7 +5464,15 @@ function requireIndex_development () {
 		    }
 		    if (typedElementType._loaded === true) {
 		        var render = typedElementType.render;
-		        return WrapperByLazyScope(react.createElement(render, fiber.pendingProps));
+		        if (react.isValidElement(render)) {
+		            return WrapperByLazyScope(react.cloneElement(render));
+		        }
+		        else {
+		            return WrapperByLazyScope(react.createElement(render, fiber.pendingProps));
+		        }
+		    }
+		    if (enableDebugFiled$4.current) {
+		        typedElementType._debugCreateTime = typedElementType._debugCreateTime || Date.now();
 		    }
 		    typedElementType._list = typedElementType._list || new Set();
 		    typedElementType._list.add(fiber);
@@ -5606,7 +5648,7 @@ function requireIndex_development () {
 		}
 		var currentComponentFiber$1 = react.__my_react_internal__.currentComponentFiber, MyReactInternalInstance$1 = react.__my_react_internal__.MyReactInternalInstance;
-		var enablePerformanceLog = react.__my_react_shared__.enablePerformanceLog, enableDebugFiled$2 = react.__my_react_shared__.enableDebugFiled;
+		var enablePerformanceLog = react.__my_react_shared__.enablePerformanceLog, enableDebugFiled$3 = react.__my_react_shared__.enableDebugFiled;
 		var nextWorkCommon = function (renderDispatch, fiber, children) {
 		    if (isPromise(children)) {
 		        console.error("[@my-react/react] render function should not return a promise, please check your code");
@@ -5649,7 +5691,7 @@ function requireIndex_development () {
 		    nextWorkCommon(renderDispatch, fiber, children);
 		};
 		var nextWorkComponent = function (renderDispatch, fiber) {
-		    if (include(fiber.type, exports.NODE_TYPE.__function__)) {
+		    if (include(fiber.type, exports$1.NODE_TYPE.__function__)) {
 		        currentComponentFiber$1.current = fiber;
 		        nextWorkFunctionComponent(renderDispatch, fiber);
 		        currentComponentFiber$1.current = null;
@@ -5723,7 +5765,7 @@ function requireIndex_development () {
 		        });
 		    }
 		    var timeNow = end;
-		    if (enableDebugFiled$2.current) {
+		    if (enableDebugFiled$3.current) {
 		        if (typedFiber.state === STATE_TYPE.__create__) {
 		            typedFiber._debugRenderState = {
 		                mountTimeStep: timeNow,
@@ -5754,7 +5796,7 @@ function requireIndex_development () {
 		    });
 		};
-		var enableDebugFiled$1 = react.__my_react_shared__.enableDebugFiled;
+		var enableDebugFiled$2 = react.__my_react_shared__.enableDebugFiled;
 		var currentRunningFiber = react.__my_react_internal__.currentRunningFiber, MyReactInternalInstance = react.__my_react_internal__.MyReactInternalInstance;
 		var defaultGetContextValue = function (fiber, ContextObject) {
 		    var _a;
@@ -5769,14 +5811,14 @@ function requireIndex_development () {
 		    if ((fiber === null || fiber === void 0 ? void 0 : fiber.parent) && ContextObject) {
 		        var parent_1 = fiber.parent;
 		        while (parent_1) {
-		            if (include(parent_1.type, exports.NODE_TYPE.__provider__)) {
+		            if (include(parent_1.type, exports$1.NODE_TYPE.__provider__)) {
 		                var typedElementType = parent_1.elementType;
 		                var contextObj = typedElementType["Context"];
 		                if (contextObj === ContextObject) {
 		                    return parent_1;
 		                }
 		            }
-		            if (include(parent_1.type, exports.NODE_TYPE.__context__)) {
+		            if (include(parent_1.type, exports$1.NODE_TYPE.__context__)) {
 		                var typedElementType = parent_1.elementType;
 		                var contextObj = typedElementType;
 		                if (contextObj === ContextObject) {
@@ -5826,7 +5868,7 @@ function requireIndex_development () {
 		        isImmediate: true,
 		        isRetrigger: true,
 		    };
-		    if (enableDebugFiled$1.current) {
+		    if (enableDebugFiled$2.current) {
 		        var now = Date.now();
 		        updater._debugBeforeValue = beforeValue;
 		        updater._debugAfterValue = afterValue;
@@ -5924,7 +5966,7 @@ function requireIndex_development () {
 		var defaultResolveScope = function (fiber) {
 		    var parent = fiber.parent;
 		    while (parent) {
-		        if (include(parent.type, exports.NODE_TYPE.__scope__) || include(parent.type, exports.NODE_TYPE.__scopeSuspense__)) {
+		        if (include(parent.type, exports$1.NODE_TYPE.__scope__) || include(parent.type, exports$1.NODE_TYPE.__scopeSuspense__)) {
 		            return parent;
 		        }
 		        parent = parent.parent;
@@ -5932,21 +5974,21 @@ function requireIndex_development () {
 		    return null;
 		};
-		var enableDebugFiled = react.__my_react_shared__.enableDebugFiled;
+		var enableDebugFiled$1 = react.__my_react_shared__.enableDebugFiled;
 		var defaultGenerateStrict = function (fiber) {
 		    {
 		        var parent_1 = fiber.parent;
 		        var isStrict = false;
 		        var typedParent = parent_1;
 		        if (parent_1) {
-		            if (include(parent_1.type, exports.NODE_TYPE.__strict__)) {
+		            if (include(parent_1.type, exports$1.NODE_TYPE.__strict__)) {
 		                isStrict = true;
 		            }
 		            if (typedParent._debugStrict) {
 		                isStrict = true;
 		            }
 		        }
-		        if (enableDebugFiled.current) {
+		        if (enableDebugFiled$1.current) {
 		            var typedFiber = fiber;
 		            typedFiber._debugStrict = isStrict;
 		        }
@@ -5981,22 +6023,22 @@ function requireIndex_development () {
 		            });
 		        }
 		    });
-		    _list.listToHead(function invokePositionList(_fiber) {
+		    _list.listToFoot(function invokeAppendList(_fiber) {
 		        if (exclude(_fiber.state, STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
 		            safeCallWithCurrentFiber({
 		                fiber: _fiber,
-		                action: function safeCallPosition() {
-		                    _dispatch.commitPosition(_fiber);
+		                action: function safeCallAppendList() {
+		                    _dispatch.commitAppend(_fiber);
 		                },
 		            });
 		        }
 		    });
-		    _list.listToFoot(function invokeAppendList(_fiber) {
+		    _list.listToHead(function invokePositionList(_fiber) {
 		        if (exclude(_fiber.state, STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
 		            safeCallWithCurrentFiber({
 		                fiber: _fiber,
-		                action: function safeCallAppendList() {
-		                    _dispatch.commitAppend(_fiber);
+		                action: function safeCallPosition() {
+		                    _dispatch.commitPosition(_fiber);
 		                },
 		            });
 		        }
@@ -6094,7 +6136,7 @@ function requireIndex_development () {
 		    return resolveHookValue(currentHook, field);
 		};
-		var enableSuspenseRoot = react.__my_react_shared__.enableSuspenseRoot;
+		var enableSuspenseRoot = react.__my_react_shared__.enableSuspenseRoot, enableDebugFiled = react.__my_react_shared__.enableDebugFiled;
 		var currentScheduler = react.__my_react_internal__.currentScheduler;
 		var loadPromise = function (renderDispatch, promise) { return __awaiter(void 0, void 0, void 0, function () {
 		    var value, reason_1;
@@ -6105,20 +6147,25 @@ function requireIndex_development () {
 		                    return [2 /*return*/];
 		                _a.label = 1;
 		            case 1:
-		                _a.trys.push([1, 3, , 4]);
+		                _a.trys.push([1, 3, 4, 5]);
 		                promise.status = "pending";
 		                return [4 /*yield*/, Promise.resolve(promise)];
 		            case 2:
 		                value = _a.sent();
 		                promise.status = "fulfilled";
 		                promise._value = value;
-		                return [3 /*break*/, 4];
+		                return [3 /*break*/, 5];
 		            case 3:
 		                reason_1 = _a.sent();
 		                promise.status = "rejected";
 		                promise._reason = reason_1;
-		                return [3 /*break*/, 4];
-		            case 4: return [2 /*return*/];
+		                return [3 /*break*/, 5];
+		            case 4:
+		                if (enableDebugFiled.current) {
+		                    promise._debugResolveTime = promise._debugResolveTime || Date.now();
+		                }
+		                return [7 /*endfinally*/];
+		            case 5: return [2 /*return*/];
 		        }
 		    });
 		}); };
@@ -6134,6 +6181,9 @@ function requireIndex_development () {
 		            console.warn("[@my-react/react] throw a promise what has already fulfilled, this is not a valid usage");
 		        }
 		    }
+		    if (enableDebugFiled.current) {
+		        promise._debugCreateTime = promise._debugCreateTime || Date.now();
+		    }
 		    promise._list = promise._list || new Set();
 		    promise._list.add(fiber);
 		    var suspenseFiber = renderDispatch.resolveSuspenseFiber(fiber);
@@ -6188,6 +6238,9 @@ function requireIndex_development () {
 		            console.warn("[@my-react/react] throw a promise what has already fulfilled, this is not a valid usage");
 		        }
 		    }
+		    if (enableDebugFiled.current) {
+		        promise._debugCreateTime = promise._debugCreateTime || Date.now();
+		    }
 		    promise._list = promise._list || new Set();
 		    promise._list.add(fiber);
 		    if (promise._loading)
@@ -6265,11 +6318,11 @@ function requireIndex_development () {
 		    retriggerFiber: null,
 		}); };
 		var initialRef = {
-		    typeForRef: exports.NODE_TYPE.__plain__ | exports.NODE_TYPE.__class__,
-		    typeForCreate: exports.NODE_TYPE.__text__ | exports.NODE_TYPE.__plain__ | exports.NODE_TYPE.__portal__ | exports.NODE_TYPE.__comment__,
-		    typeForUpdate: exports.NODE_TYPE.__text__ | exports.NODE_TYPE.__plain__ | exports.NODE_TYPE.__comment__,
-		    typeForAppend: exports.NODE_TYPE.__text__ | exports.NODE_TYPE.__plain__ | exports.NODE_TYPE.__comment__,
-		    typeForNativeNode: exports.NODE_TYPE.__text__ | exports.NODE_TYPE.__plain__ | exports.NODE_TYPE.__portal__ | exports.NODE_TYPE.__comment__,
+		    typeForRef: exports$1.NODE_TYPE.__plain__ | exports$1.NODE_TYPE.__class__,
+		    typeForCreate: exports$1.NODE_TYPE.__text__ | exports$1.NODE_TYPE.__plain__ | exports$1.NODE_TYPE.__portal__ | exports$1.NODE_TYPE.__comment__,
+		    typeForUpdate: exports$1.NODE_TYPE.__text__ | exports$1.NODE_TYPE.__plain__ | exports$1.NODE_TYPE.__comment__,
+		    typeForAppend: exports$1.NODE_TYPE.__text__ | exports$1.NODE_TYPE.__plain__ | exports$1.NODE_TYPE.__comment__,
+		    typeForNativeNode: exports$1.NODE_TYPE.__text__ | exports$1.NODE_TYPE.__plain__ | exports$1.NODE_TYPE.__portal__ | exports$1.NODE_TYPE.__comment__,
 		};
 		var listenerMap = dispatchToListenerMap;
 		var RenderDispatchEvent = /** @class */ (function (_super) {
@@ -6373,628 +6426,668 @@ function requireIndex_development () {
 		    RenderDispatchEvent.prototype.resetYield = function () {
 		    };
 		    RenderDispatchEvent.prototype.onFiberInitial = function (cb) {
-		        var set = listenerMap.get(this).fiberInitial;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberInitial;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceFiberInitial = function (cb) {
-		        var set = listenerMap.get(this).fiberInitial;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberInitial;
 		        var onceCb = function (_fiber) {
 		            cb(_fiber);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnFiberInitial = function (_fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberInitial;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberInitial;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onFiberUpdate = function (cb) {
-		        var set = listenerMap.get(this).fiberUpdate;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberUpdate;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceFiberUpdate = function (cb) {
-		        var set = listenerMap.get(this).fiberUpdate;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberUpdate;
 		        var onceCb = function (_fiber) {
 		            cb(_fiber);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnFiberUpdate = function (_fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberUpdate;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberUpdate;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onFiberChange = function (cb) {
-		        var set = listenerMap.get(this).fiberHasChange;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberHasChange;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceFiberChange = function (cb) {
-		        var set = listenerMap.get(this).fiberHasChange;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberHasChange;
 		        var onceCb = function (_list) {
 		            cb(_list);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnFiberChange = function (_list) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberHasChange;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_list); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberHasChange;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_list); });
 		    };
 		    RenderDispatchEvent.prototype.onFiberUnmount = function (cb) {
-		        var set = listenerMap.get(this).fiberUnmount;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberUnmount;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceFiberUnmount = function (cb) {
-		        var set = listenerMap.get(this).fiberUnmount;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberUnmount;
 		        var onceCb = function (_fiber) {
 		            cb(_fiber);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnFiberUnmount = function (_fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberUnmount;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberUnmount;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onFiberState = function (cb) {
-		        var set = listenerMap.get(this).fiberState;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberState;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceFiberState = function (cb) {
-		        var set = listenerMap.get(this).fiberState;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberState;
 		        var onceCb = function (_fiber, _updater) {
 		            cb(_fiber, _updater);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnFiberState = function (_fiber, _updater) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberState;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber, _updater); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberState;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_fiber, _updater); });
 		    };
 		    RenderDispatchEvent.prototype.onFiberTrigger = function (cb) {
-		        var set = listenerMap.get(this).fiberTrigger;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberTrigger;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceFiberTrigger = function (cb) {
-		        var set = listenerMap.get(this).fiberTrigger;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberTrigger;
 		        var onceCb = function (_fiber, _state) {
 		            cb(_fiber, _state);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnFiberTrigger = function (_fiber, _state) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberTrigger;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber, _state); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberTrigger;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_fiber, _state); });
 		    };
 		    RenderDispatchEvent.prototype.onFiberHMR = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberHMR;
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberHMR;
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, cb);
 		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceFiberHMR = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberHMR;
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberHMR;
 		        var onceCb = function (_fiber, _forceRefresh) {
 		            var _a;
 		            cb(_fiber, _forceRefresh);
 		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		        };
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnFiberHMR = function (_fiber, _forceRefresh) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberHMR;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber, _forceRefresh); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberHMR;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_fiber, _forceRefresh); });
 		    };
 		    RenderDispatchEvent.prototype.onFiberWarn = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberWarn;
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberWarn;
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, cb);
 		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceFiberWarn = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberWarn;
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberWarn;
 		        var onceCb = function (_fiber) {
 		            var _a;
 		            cb(_fiber);
 		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		        };
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnFiberWarn = function (_fiber) {
-		        var _a;
+		        var _a, _b;
 		        var args = [];
 		        for (var _i = 1; _i < arguments.length; _i++) {
 		            args[_i - 1] = arguments[_i];
 		        }
-		        var set = listenerMap.get(this).fiberWarn;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb.apply(void 0, __spreadArray([_fiber], args, false)); });
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberWarn;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb.apply(void 0, __spreadArray([_fiber], args, false)); });
 		    };
 		    RenderDispatchEvent.prototype.onFiberError = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberError;
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberError;
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, cb);
 		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceFiberError = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberError;
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberError;
 		        var onceCb = function (_fiber) {
 		            var _a;
 		            cb(_fiber);
 		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		        };
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnFiberError = function (_fiber) {
-		        var _a;
+		        var _a, _b;
 		        var args = [];
 		        for (var _i = 1; _i < arguments.length; _i++) {
 		            args[_i - 1] = arguments[_i];
 		        }
-		        var set = listenerMap.get(this).fiberError;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb.apply(void 0, __spreadArray([_fiber], args, false)); });
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberError;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb.apply(void 0, __spreadArray([_fiber], args, false)); });
 		    };
 		    RenderDispatchEvent.prototype.onPerformanceWarn = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).performanceWarn;
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.performanceWarn;
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, cb);
 		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
 		    };
 		    RenderDispatchEvent.prototype.oncePerformanceWarn = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).performanceWarn;
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.performanceWarn;
 		        var onceCb = function (_fiber, _renderTime) {
 		            var _a;
 		            cb(_fiber, _renderTime);
 		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		        };
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnPerformanceWarn = function (_fiber, _renderTime) {
-		        var _a;
-		        var set = listenerMap.get(this).performanceWarn;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber, _renderTime); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.performanceWarn;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_fiber, _renderTime); });
 		    };
 		    RenderDispatchEvent.prototype.onBeforeFiberRun = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).beforeFiberRun;
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeFiberRun;
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, cb);
 		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceBeforeFiberRun = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).beforeFiberRun;
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeFiberRun;
 		        var onceCb = function (_fiber) {
 		            var _a;
 		            cb(_fiber);
 		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		        };
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnBeforeFiberRun = function (_fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).beforeFiberRun;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeFiberRun;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onAfterFiberRun = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).afterFiberRun;
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterFiberRun;
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, cb);
 		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceAfterFiberRun = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).afterFiberRun;
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterFiberRun;
 		        var onceCb = function (_fiber) {
 		            var _a;
 		            cb(_fiber);
 		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		        };
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnAfterFiberRun = function (_fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).afterFiberRun;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterFiberRun;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onAfterFiberDone = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).afterFiberDone;
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterFiberDone;
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, cb);
 		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceAfterFiberDone = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).afterFiberDone;
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterFiberDone;
 		        var onceCb = function (_fiber) {
 		            var _a;
 		            cb(_fiber);
 		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		        };
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnAfterFiberDone = function (_fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).afterFiberDone;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterFiberDone;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onBeforeDispatchRender = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).beforeDispatchRender;
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeDispatchRender;
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, cb);
 		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceBeforeDispatchRender = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).beforeDispatchRender;
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeDispatchRender;
 		        var onceCb = function (renderDispatch, fiber) {
 		            var _a;
 		            cb(renderDispatch, fiber);
 		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		        };
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnBeforeDispatchRender = function (renderDispatch, fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).beforeDispatchRender;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch, fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeDispatchRender;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(renderDispatch, fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onAfterDispatchRender = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).afterDispatchRender;
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterDispatchRender;
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, cb);
 		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceAfterDispatchRender = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).afterDispatchRender;
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterDispatchRender;
 		        var onceCb = function (renderDispatch) {
 		            var _a;
 		            cb(renderDispatch);
 		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		        };
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnAfterDispatchRender = function (renderDispatch) {
-		        var _a;
-		        var set = listenerMap.get(this).afterDispatchRender;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterDispatchRender;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(renderDispatch); });
 		    };
 		    RenderDispatchEvent.prototype.onBeforeDispatchUpdate = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).beforeDispatchUpdate;
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeDispatchUpdate;
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, cb);
 		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceBeforeDispatchUpdate = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).beforeDispatchUpdate;
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeDispatchUpdate;
 		        var onceCb = function (renderDispatch, list) {
 		            var _a;
 		            cb(renderDispatch, list);
 		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		        };
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnBeforeDispatchUpdate = function (renderDispatch, list) {
-		        var _a;
-		        var set = listenerMap.get(this).beforeDispatchUpdate;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch, list); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeDispatchUpdate;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(renderDispatch, list); });
 		    };
 		    RenderDispatchEvent.prototype.onAfterDispatchUpdate = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).afterDispatchUpdate;
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterDispatchUpdate;
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, cb);
 		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceAfterDispatchUpdate = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).afterDispatchUpdate;
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterDispatchUpdate;
 		        var onceCb = function (renderDispatch) {
 		            var _a;
 		            cb(renderDispatch);
 		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		        };
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnAfterDispatchUpdate = function (renderDispatch) {
-		        var _a;
-		        var set = listenerMap.get(this).afterDispatchUpdate;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterDispatchUpdate;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(renderDispatch); });
 		    };
 		    RenderDispatchEvent.prototype.onInstanceInitial = function (cb) {
-		        var set = listenerMap.get(this).instanceInitial;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.instanceInitial;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceInstanceInitial = function (cb) {
-		        var set = listenerMap.get(this).instanceInitial;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.instanceInitial;
 		        var onceCb = function (_instance, _fiber) {
 		            cb(_instance, _fiber);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnInstanceInitial = function (_instance, _fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).instanceInitial;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_instance, _fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.instanceInitial;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_instance, _fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onInstanceUpdate = function (cb) {
-		        var set = listenerMap.get(this).instanceUpdate;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.instanceUpdate;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceInstanceUpdate = function (cb) {
-		        var set = listenerMap.get(this).instanceUpdate;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.instanceUpdate;
 		        var onceCb = function (_instance, _fiber) {
 		            cb(_instance, _fiber);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnInstanceUpdate = function (_instance, _fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).instanceUpdate;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_instance, _fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.instanceUpdate;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_instance, _fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onInstanceState = function (cb) {
-		        var set = listenerMap.get(this).instanceState;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.instanceState;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceInstanceState = function (cb) {
-		        var set = listenerMap.get(this).instanceState;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.instanceState;
 		        var onceCb = function (_instance, _fiber, _updater) {
 		            cb(_instance, _fiber, _updater);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnInstanceState = function (_instance, _fiber, _updater) {
-		        var _a;
-		        var set = listenerMap.get(this).instanceState;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_instance, _fiber, _updater); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.instanceState;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_instance, _fiber, _updater); });
 		    };
 		    RenderDispatchEvent.prototype.onInstanceUnmount = function (cb) {
-		        var set = listenerMap.get(this).instanceUnmount;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.instanceUnmount;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceInstanceUnmount = function (cb) {
-		        var set = listenerMap.get(this).instanceUnmount;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.instanceUnmount;
 		        var onceCb = function (_instance, _fiber) {
 		            cb(_instance, _fiber);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnInstanceUnmount = function (_instance, _fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).instanceUnmount;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_instance, _fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.instanceUnmount;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_instance, _fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onHookInitial = function (cb) {
-		        var set = listenerMap.get(this).hookInitial;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.hookInitial;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceHookInitial = function (cb) {
-		        var set = listenerMap.get(this).hookInitial;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.hookInitial;
 		        var onceCb = function (_hook, _fiber) {
 		            cb(_hook, _fiber);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnHookInitial = function (_hook, _fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).hookInitial;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_hook, _fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.hookInitial;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_hook, _fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onHookUpdate = function (cb) {
-		        var set = listenerMap.get(this).hookUpdate;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.hookUpdate;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceHookUpdate = function (cb) {
-		        var set = listenerMap.get(this).hookUpdate;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.hookUpdate;
 		        var onceCb = function (_hook, _fiber) {
 		            cb(_hook, _fiber);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnHookUpdate = function (_hook, _fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).hookUpdate;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_hook, _fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.hookUpdate;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_hook, _fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onHookUnmount = function (cb) {
-		        var set = listenerMap.get(this).hookUnmount;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.hookUnmount;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceHookUnmount = function (cb) {
-		        var set = listenerMap.get(this).hookUnmount;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.hookUnmount;
 		        var onceCb = function (_hook, _fiber) {
 		            cb(_hook, _fiber);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnHookUnmount = function (_hook, _fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).hookUnmount;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_hook, _fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.hookUnmount;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_hook, _fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onHookState = function (cb) {
-		        var set = listenerMap.get(this).hookState;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.hookState;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceHookTrigger = function (cb) {
-		        var set = listenerMap.get(this).hookState;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.hookState;
 		        var onceCb = function (_hook, _fiber, _updater) {
 		            cb(_hook, _fiber, _updater);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnHookState = function (_hook, _fiber, _updater) {
-		        var _a;
-		        var set = listenerMap.get(this).hookState;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_hook, _fiber, _updater); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.hookState;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_hook, _fiber, _updater); });
 		    };
 		    RenderDispatchEvent.prototype.onBeforeCommitMount = function (cb) {
-		        var set = listenerMap.get(this).beforeCommitMount;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeCommitMount;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceBeforeCommitMount = function (cb) {
-		        var set = listenerMap.get(this).beforeCommitMount;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeCommitMount;
 		        var onceCb = function (renderDispatch) {
 		            cb(renderDispatch);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnBeforeCommitMount = function (renderDispatch) {
-		        var _a;
-		        var set = listenerMap.get(this).beforeCommitMount;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeCommitMount;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(renderDispatch); });
 		    };
 		    RenderDispatchEvent.prototype.onAfterCommitMount = function (cb) {
-		        var set = listenerMap.get(this).afterCommitMount;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterCommitMount;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceAfterCommitMount = function (cb) {
-		        var set = listenerMap.get(this).afterCommitMount;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterCommitMount;
 		        var onceCb = function (renderDispatch) {
 		            cb(renderDispatch);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnAfterCommitMount = function (renderDispatch) {
-		        var _a;
-		        var set = listenerMap.get(this).afterCommitMount;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterCommitMount;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(renderDispatch); });
 		    };
 		    RenderDispatchEvent.prototype.onBeforeCommitUpdate = function (cb) {
-		        var set = listenerMap.get(this).beforeCommitUpdate;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeCommitUpdate;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceBeforeCommitUpdate = function (cb) {
-		        var set = listenerMap.get(this).beforeCommitUpdate;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeCommitUpdate;
 		        var onceCb = function (renderDispatch) {
 		            cb(renderDispatch);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnBeforeCommitUpdate = function (renderDispatch) {
-		        var _a;
-		        var set = listenerMap.get(this).beforeCommitUpdate;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeCommitUpdate;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(renderDispatch); });
 		    };
 		    RenderDispatchEvent.prototype.onAfterCommitUpdate = function (cb) {
-		        var set = listenerMap.get(this).afterCommitUpdate;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterCommitUpdate;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceAfterCommitUpdate = function (cb) {
-		        var set = listenerMap.get(this).afterCommitUpdate;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterCommitUpdate;
 		        var onceCb = function (renderDispatch) {
 		            cb(renderDispatch);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnAfterCommitUpdate = function (renderDispatch) {
-		        var _a;
-		        var set = listenerMap.get(this).afterCommitUpdate;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterCommitUpdate;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(renderDispatch); });
 		    };
 		    RenderDispatchEvent.prototype.onBeforeCommitUnmount = function (cb) {
-		        var set = listenerMap.get(this).beforeCommitUnmount;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeCommitUnmount;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceBeforeCommitUnmount = function (cb) {
-		        var set = listenerMap.get(this).beforeCommitUnmount;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeCommitUnmount;
 		        var onceCb = function (renderDispatch) {
 		            cb(renderDispatch);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnBeforeCommitUnmount = function (renderDispatch) {
-		        var _a;
-		        var set = listenerMap.get(this).beforeCommitUnmount;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeCommitUnmount;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(renderDispatch); });
 		    };
 		    RenderDispatchEvent.prototype.onAfterCommitUnmount = function (cb) {
-		        var set = listenerMap.get(this).afterCommitUnmount;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterCommitUnmount;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceAfterCommitUnmount = function (cb) {
-		        var set = listenerMap.get(this).afterCommitUnmount;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterCommitUnmount;
 		        var onceCb = function (renderDispatch) {
 		            cb(renderDispatch);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnAfterCommitUnmount = function (renderDispatch) {
-		        var _a;
-		        var set = listenerMap.get(this).afterCommitUnmount;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterCommitUnmount;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(renderDispatch); });
 		    };
 		    return RenderDispatchEvent;
 		}(MyReactInternalInstanceClass));
 		var defaultDispatchFiber = function (renderDispatch, fiber) {
-		    if (include(fiber.type, exports.NODE_TYPE.__root__)) {
+		    if (include(fiber.type, exports$1.NODE_TYPE.__root__)) {
 		        // TODO
 		        nextWorkRoot(renderDispatch, fiber);
 		    }
-		    else if (include(fiber.type, exports.NODE_TYPE.__class__ | exports.NODE_TYPE.__function__)) {
+		    else if (include(fiber.type, exports$1.NODE_TYPE.__class__ | exports$1.NODE_TYPE.__function__)) {
 		        nextWorkComponent(renderDispatch, fiber);
 		    }
-		    else if (include(fiber.type, exports.NODE_TYPE.__lazy__)) {
+		    else if (include(fiber.type, exports$1.NODE_TYPE.__lazy__)) {
 		        nextWorkLazy(renderDispatch, fiber);
 		    }
-		    else if (include(fiber.type, exports.NODE_TYPE.__suspense__)) {
+		    else if (include(fiber.type, exports$1.NODE_TYPE.__suspense__)) {
 		        nextWorkSuspense(renderDispatch, fiber);
 		    }
-		    else if (include(fiber.type, exports.NODE_TYPE.__consumer__)) {
+		    else if (include(fiber.type, exports$1.NODE_TYPE.__consumer__)) {
 		        nextWorkConsumer(renderDispatch, fiber);
 		    }
-		    else if (include(fiber.type, exports.NODE_TYPE.__provider__ | exports.NODE_TYPE.__context__)) {
+		    else if (include(fiber.type, exports$1.NODE_TYPE.__provider__ | exports$1.NODE_TYPE.__context__)) {
 		        nextWorkProvider(renderDispatch, fiber);
 		    }
-		    else if (include(fiber.type, exports.NODE_TYPE.__activity__)) {
+		    else if (include(fiber.type, exports$1.NODE_TYPE.__activity__)) {
 		        nextWorkActivity(renderDispatch, fiber);
 		    }
 		    else {
@@ -7011,7 +7104,7 @@ function requireIndex_development () {
 		        _this.isAppMounted = false;
 		        _this.isAppCrashed = false;
 		        _this.isAppUnmounted = false;
-		        _this.version = "0.3.22";
+		        _this.version = "0.3.23";
 		        _this.id = Math.random().toString(16).slice(2);
 		        _this.mode = "development" ;
 		        _this.renderMode = "render";
@@ -7057,7 +7150,7 @@ function requireIndex_development () {
 		            if (include(_fiber.type, this.runtimeRef.typeForRef)) {
 		                _fiber.patch = merge(_fiber.patch, PATCH_TYPE.__ref__);
 		            }
-		            else if (exclude(_fiber.type, exports.NODE_TYPE.__forwardRef__)) {
+		            else if (exclude(_fiber.type, exports$1.NODE_TYPE.__forwardRef__)) {
 		                onceWarnWithKeyAndFiber(_fiber, "ref", "[@my-react/react] set ref for current element will be ignored");
 		            }
 		        }
@@ -7269,192 +7362,192 @@ function requireIndex_development () {
 		    });
 		}); };
-		var version = "0.3.22";
+		var version = "0.3.23";
-		exports.CustomRenderDispatch = CustomRenderDispatch;
-		exports.MyReactFiberNode = MyReactFiberNode;
-		exports.MyReactHookNode = MyReactHookNode;
-		exports.MyWeakMap = MyWeakMap;
-		exports.RenderDispatchEvent = RenderDispatchEvent;
-		exports.WrapperByLazyScope = WrapperByLazyScope;
-		exports.WrapperBySuspenseScope = WrapperBySuspenseScope;
-		exports.addEffectCallback = addEffectCallback;
-		exports.afterSyncFlush = afterSyncFlush;
-		exports.afterSyncUpdate = afterSyncUpdate;
-		exports.applyTriggerFiberCb = applyTriggerFiberCb;
-		exports.beforeSyncFlush = beforeSyncFlush;
-		exports.beforeSyncUpdate = beforeSyncUpdate;
-		exports.callWithFiber = callWithFiber;
-		exports.checkIsMyReactFiberNode = checkIsMyReactFiberNode;
-		exports.checkIsSameType = checkIsSameType;
-		exports.clearContainer = clearContainer;
-		exports.clearFiberNode = clearFiberNode;
-		exports.createFiberNode = createFiberNode;
-		exports.createHookNode = createHookNode;
-		exports.currentRefreshHandler = currentRefreshHandler;
-		exports.currentTriggerFiber = currentTriggerFiber;
-		exports.debugWithNode = debugWithNode;
-		exports.defaultDeleteChildEffect = defaultDeleteChildEffect;
-		exports.defaultDeleteCurrentEffect = defaultDeleteCurrentEffect;
-		exports.defaultDispatchMount = defaultDispatchMount;
-		exports.defaultDispatchMountLatest = defaultDispatchMountLatest;
-		exports.defaultDispatchUnmount = defaultDispatchUnmount;
-		exports.defaultDispatchUpdate = defaultDispatchUpdate;
-		exports.defaultGenerateEffectMap = defaultGenerateEffectMap;
-		exports.defaultGenerateStrict = defaultGenerateStrict;
-		exports.defaultGenerateUnmountMap = defaultGenerateUnmountMap;
-		exports.defaultGetContextFiber = defaultGetContextFiber;
-		exports.defaultGetContextValue = defaultGetContextValue;
-		exports.defaultInvokeEffect = defaultInvokeEffect;
-		exports.defaultInvokeInsertionEffect = defaultInvokeInsertionEffect;
-		exports.defaultInvokeLayoutEffect = defaultInvokeLayoutEffect;
-		exports.defaultInvokeUnmountList = defaultInvokeUnmountList;
-		exports.defaultReadContext = defaultReadContext;
-		exports.defaultReadPromise = defaultReadPromise;
-		exports.defaultResolveAliveSuspenseFiber = defaultResolveAliveSuspenseFiber;
-		exports.defaultResolveErrorBoundaries = defaultResolveErrorBoundaries;
-		exports.defaultResolveScope = defaultResolveScope;
-		exports.defaultResolveSuspenseFiber = defaultResolveSuspenseFiber;
-		exports.defaultResolveSuspenseValue = defaultResolveSuspenseValue;
-		exports.devError = devError;
-		exports.devErrorWithFiber = devErrorWithFiber;
-		exports.devWarn = devWarn;
-		exports.devWarnWithFiber = devWarnWithFiber;
-		exports.effect = effect;
-		exports.effectHookNode = effectHookNode;
-		exports.emptyProps = emptyProps;
-		exports.enableDebugUpdateQueue = enableDebugUpdateQueue;
-		exports.enableFiberForLog = enableFiberForLog;
-		exports.enableLogForCurrentFlowIsRunning = enableLogForCurrentFlowIsRunning;
-		exports.enableValidMyReactElement = enableValidMyReactElement;
-		exports.fiberToDispatchMap = fiberToDispatchMap;
-		exports.flushEffectCallback = flushEffectCallback;
-		exports.generateFiberToListWithAction = generateFiberToListWithAction;
-		exports.generateFiberToMountList = generateFiberToMountList;
-		exports.generateFiberToUnmountList = generateFiberToUnmountList;
-		exports.getClassInstanceFieldByInstance = getClassInstanceFieldByInstance;
-		exports.getCurrentDispatchFromFiber = getCurrentDispatchFromFiber;
-		exports.getCurrentDispatchFromType = getCurrentDispatchFromType;
-		exports.getCurrentFibersFromType = getCurrentFibersFromType;
-		exports.getCurrentTypeFromRefresh = getCurrentTypeFromRefresh;
-		exports.getCurrentTypeFromRefreshOnly = getCurrentTypeFromRefreshOnly;
-		exports.getElementFromRefreshIfExist = getElementFromRefreshIfExist;
-		exports.getElementName = getElementName;
-		exports.getElementTypeFromType = getElementTypeFromType;
-		exports.getFiberTree = getFiberTree$1;
-		exports.getFiberTreeWithFiber = getFiberTreeWithFiber;
-		exports.getHookTree = getHookTree;
-		exports.getInstanceContextFiber = getInstanceContextFiber;
-		exports.getInstanceEffectState = getInstanceEffectState;
-		exports.getInstanceFieldByInstance = getInstanceFieldByInstance;
-		exports.getInstanceOwnerFiber = getInstanceOwnerFiber;
-		exports.getPlainFiberName = getPlainFiberName;
-		exports.getStackTree = getStackTree;
-		exports.getTypeFromElement = getTypeFromElement;
-		exports.getTypeFromElementNode = getTypeFromElementNode;
-		exports.hmr = hmr;
-		exports.hmrRevert = hmrRevert;
-		exports.hmrUpdate = hmrUpdate;
-		exports.hookListUnmount = hookListUnmount;
-		exports.initClassInstance = initClassInstance;
-		exports.initHMR = initHMR;
-		exports.initHookInstance = initHookInstance;
-		exports.initInstance = initInstance;
-		exports.initScheduler = initScheduler;
-		exports.initSuspenseInstance = initSuspenseInstance;
-		exports.initVisibleInstance = initVisibleInstance;
-		exports.initialFiberNode = initialFiberNode;
-		exports.insertionEffect = insertionEffect;
-		exports.isCommentElement = isCommentElement;
-		exports.isCommentEndElement = isCommentEndElement;
-		exports.isCommentStartElement = isCommentStartElement;
-		exports.isErrorBoundariesComponent = isErrorBoundariesComponent;
-		exports.isErrorBoundariesInstance = isErrorBoundariesInstance;
-		exports.layoutEffect = layoutEffect;
-		exports.loadLazy = loadLazy;
-		exports.loadPromise = loadPromise;
-		exports.mountAsync = mountAsync;
-		exports.mountClassInstance = mountClassInstance;
-		exports.mountLoopAll = mountLoopAll;
-		exports.mountLoopAllFromScheduler = mountLoopAllFromScheduler;
-		exports.mountSync = mountSync;
-		exports.mountToNextFiberFromRoot = mountToNextFiberFromRoot;
-		exports.nextWorkActivity = nextWorkActivity;
-		exports.nextWorkClassComponent = nextWorkClassComponent;
-		exports.nextWorkCommon = nextWorkCommon;
-		exports.nextWorkComponent = nextWorkComponent;
-		exports.nextWorkConsumer = nextWorkConsumer;
-		exports.nextWorkFunctionComponent = nextWorkFunctionComponent;
-		exports.nextWorkLazy = nextWorkLazy;
-		exports.nextWorkNormal = nextWorkNormal;
-		exports.nextWorkProvider = nextWorkProvider;
-		exports.nextWorkRoot = nextWorkRoot;
-		exports.nextWorkSuspense = nextWorkSuspense;
-		exports.onceErrorWithKeyAndFiber = onceErrorWithKeyAndFiber;
-		exports.onceWarnWithKeyAndFiber = onceWarnWithKeyAndFiber;
-		exports.originalError = originalError;
-		exports.originalWarn = originalWarn;
-		exports.performToNextFiberFromRoot = performToNextFiberFromRoot;
-		exports.prepareUpdateAllDependence = prepareUpdateAllDependence;
-		exports.prepareUpdateOnFiber = prepareUpdateOnFiber;
-		exports.processAsyncLoadListOnAsyncMount = processAsyncLoadListOnAsyncMount;
-		exports.processAsyncLoadListOnSyncMount = processAsyncLoadListOnSyncMount;
-		exports.processAsyncLoadListOnUpdate = processAsyncLoadListOnUpdate;
-		exports.processClassComponentActive = processClassComponentActive;
-		exports.processClassComponentMount = processClassComponentMount;
-		exports.processClassComponentUnmount = processClassComponentUnmount;
-		exports.processClassComponentUpdate = processClassComponentUpdate;
-		exports.processClassComponentUpdateQueueLatest = processClassComponentUpdateQueueLatest;
-		exports.processClassComponentUpdateQueueLegacy = processClassComponentUpdateQueueLegacy;
-		exports.processConsumer = processConsumer;
-		exports.processFunction = processFunction;
-		exports.processFunctionComponentUpdateQueueLatest = processFunctionComponentUpdateQueueLatest;
-		exports.processFunctionComponentUpdateQueueLegacy = processFunctionComponentUpdateQueueLegacy;
-		exports.processHook = processHook;
-		exports.processLazy = processLazy;
-		exports.processNormalComponentUpdateLatest = processNormalComponentUpdateLatest;
-		exports.processNormalComponentUpdateLegacy = processNormalComponentUpdateLegacy;
-		exports.processPromise = processPromise;
-		exports.processProvider = processProvider;
-		exports.processState = processState;
-		exports.processSuspense = processSuspense;
-		exports.processSuspensePromise = processSuspensePromise;
-		exports.resetLogScope = resetLogScope;
-		exports.runtimeNextWork = runtimeNextWork;
-		exports.runtimeNextWorkDev = runtimeNextWorkDev;
-		exports.safeCall = safeCall;
-		exports.safeCallWithCurrentFiber = safeCallWithCurrentFiber;
-		exports.safeCallWithSync = safeCallWithSync;
-		exports.scheduleNext = scheduleNext;
-		exports.scheduleUpdate = scheduleUpdate;
-		exports.setContextForInstance = setContextForInstance;
-		exports.setEffectForInstance = setEffectForInstance;
-		exports.setLogScope = setLogScope;
-		exports.setOwnerForInstance = setOwnerForInstance;
-		exports.setRefreshHandler = setRefreshHandler;
-		exports.setRefreshTypeMap = setRefreshTypeMap;
-		exports.setSubscribeForInstance = setSubscribeForInstance;
-		exports.syncComponentStateToFiber = syncComponentStateToFiber;
-		exports.syncFiberStateToComponent = syncFiberStateToComponent;
-		exports.syncFlushComponentQueue = syncFlushComponentQueue;
-		exports.transformChildrenFiber = transformChildrenFiber;
-		exports.triggerError = triggerError;
-		exports.triggerFiberUpdateListener = triggerFiberUpdateListener;
-		exports.triggerRevert = triggerRevert;
-		exports.triggerUpdate = triggerUpdate;
-		exports.triggerUpdateOnFiber = triggerUpdateOnFiber;
-		exports.typeToFibersMap = typeToFibersMap;
-		exports.unmountContainer = unmountContainer;
-		exports.unmountFiber = unmountFiber;
-		exports.unmountFiberNode = unmountFiberNode;
-		exports.unmountInstance = unmountInstance;
-		exports.updateConcurrentFromRoot = updateConcurrentFromRoot;
-		exports.updateFiberNode = updateFiberNode;
-		exports.updateHookNode = updateHookNode;
-		exports.updateLoopConcurrentFromRoot = updateLoopConcurrentFromRoot;
-		exports.updateLoopSyncFromRoot = updateLoopSyncFromRoot;
-		exports.updateSyncFromRoot = updateSyncFromRoot;
-		exports.version = version;
+		exports$1.CustomRenderDispatch = CustomRenderDispatch;
+		exports$1.MyReactFiberNode = MyReactFiberNode;
+		exports$1.MyReactHookNode = MyReactHookNode;
+		exports$1.MyWeakMap = MyWeakMap;
+		exports$1.RenderDispatchEvent = RenderDispatchEvent;
+		exports$1.WrapperByLazyScope = WrapperByLazyScope;
+		exports$1.WrapperBySuspenseScope = WrapperBySuspenseScope;
+		exports$1.addEffectCallback = addEffectCallback;
+		exports$1.afterSyncFlush = afterSyncFlush;
+		exports$1.afterSyncUpdate = afterSyncUpdate;
+		exports$1.applyTriggerFiberCb = applyTriggerFiberCb;
+		exports$1.beforeSyncFlush = beforeSyncFlush;
+		exports$1.beforeSyncUpdate = beforeSyncUpdate;
+		exports$1.callWithFiber = callWithFiber;
+		exports$1.checkIsMyReactFiberNode = checkIsMyReactFiberNode;
+		exports$1.checkIsSameType = checkIsSameType;
+		exports$1.clearContainer = clearContainer;
+		exports$1.clearFiberNode = clearFiberNode;
+		exports$1.createFiberNode = createFiberNode;
+		exports$1.createHookNode = createHookNode;
+		exports$1.currentRefreshHandler = currentRefreshHandler;
+		exports$1.currentTriggerFiber = currentTriggerFiber;
+		exports$1.debugWithNode = debugWithNode;
+		exports$1.defaultDeleteChildEffect = defaultDeleteChildEffect;
+		exports$1.defaultDeleteCurrentEffect = defaultDeleteCurrentEffect;
+		exports$1.defaultDispatchMount = defaultDispatchMount;
+		exports$1.defaultDispatchMountLatest = defaultDispatchMountLatest;
+		exports$1.defaultDispatchUnmount = defaultDispatchUnmount;
+		exports$1.defaultDispatchUpdate = defaultDispatchUpdate;
+		exports$1.defaultGenerateEffectMap = defaultGenerateEffectMap;
+		exports$1.defaultGenerateStrict = defaultGenerateStrict;
+		exports$1.defaultGenerateUnmountMap = defaultGenerateUnmountMap;
+		exports$1.defaultGetContextFiber = defaultGetContextFiber;
+		exports$1.defaultGetContextValue = defaultGetContextValue;
+		exports$1.defaultInvokeEffect = defaultInvokeEffect;
+		exports$1.defaultInvokeInsertionEffect = defaultInvokeInsertionEffect;
+		exports$1.defaultInvokeLayoutEffect = defaultInvokeLayoutEffect;
+		exports$1.defaultInvokeUnmountList = defaultInvokeUnmountList;
+		exports$1.defaultReadContext = defaultReadContext;
+		exports$1.defaultReadPromise = defaultReadPromise;
+		exports$1.defaultResolveAliveSuspenseFiber = defaultResolveAliveSuspenseFiber;
+		exports$1.defaultResolveErrorBoundaries = defaultResolveErrorBoundaries;
+		exports$1.defaultResolveScope = defaultResolveScope;
+		exports$1.defaultResolveSuspenseFiber = defaultResolveSuspenseFiber;
+		exports$1.defaultResolveSuspenseValue = defaultResolveSuspenseValue;
+		exports$1.devError = devError;
+		exports$1.devErrorWithFiber = devErrorWithFiber;
+		exports$1.devWarn = devWarn;
+		exports$1.devWarnWithFiber = devWarnWithFiber;
+		exports$1.effect = effect;
+		exports$1.effectHookNode = effectHookNode;
+		exports$1.emptyProps = emptyProps;
+		exports$1.enableDebugUpdateQueue = enableDebugUpdateQueue;
+		exports$1.enableFiberForLog = enableFiberForLog;
+		exports$1.enableLogForCurrentFlowIsRunning = enableLogForCurrentFlowIsRunning;
+		exports$1.enableValidMyReactElement = enableValidMyReactElement;
+		exports$1.fiberToDispatchMap = fiberToDispatchMap;
+		exports$1.flushEffectCallback = flushEffectCallback;
+		exports$1.generateFiberToListWithAction = generateFiberToListWithAction;
+		exports$1.generateFiberToMountList = generateFiberToMountList;
+		exports$1.generateFiberToUnmountList = generateFiberToUnmountList;
+		exports$1.getClassInstanceFieldByInstance = getClassInstanceFieldByInstance;
+		exports$1.getCurrentDispatchFromFiber = getCurrentDispatchFromFiber;
+		exports$1.getCurrentDispatchFromType = getCurrentDispatchFromType;
+		exports$1.getCurrentFibersFromType = getCurrentFibersFromType;
+		exports$1.getCurrentTypeFromRefresh = getCurrentTypeFromRefresh;
+		exports$1.getCurrentTypeFromRefreshOnly = getCurrentTypeFromRefreshOnly;
+		exports$1.getElementFromRefreshIfExist = getElementFromRefreshIfExist;
+		exports$1.getElementName = getElementName;
+		exports$1.getElementTypeFromType = getElementTypeFromType;
+		exports$1.getFiberTree = getFiberTree$1;
+		exports$1.getFiberTreeWithFiber = getFiberTreeWithFiber;
+		exports$1.getHookTree = getHookTree;
+		exports$1.getInstanceContextFiber = getInstanceContextFiber;
+		exports$1.getInstanceEffectState = getInstanceEffectState;
+		exports$1.getInstanceFieldByInstance = getInstanceFieldByInstance;
+		exports$1.getInstanceOwnerFiber = getInstanceOwnerFiber;
+		exports$1.getPlainFiberName = getPlainFiberName;
+		exports$1.getStackTree = getStackTree;
+		exports$1.getTypeFromElement = getTypeFromElement;
+		exports$1.getTypeFromElementNode = getTypeFromElementNode;
+		exports$1.hmr = hmr;
+		exports$1.hmrRevert = hmrRevert;
+		exports$1.hmrUpdate = hmrUpdate;
+		exports$1.hookListUnmount = hookListUnmount;
+		exports$1.initClassInstance = initClassInstance;
+		exports$1.initHMR = initHMR;
+		exports$1.initHookInstance = initHookInstance;
+		exports$1.initInstance = initInstance;
+		exports$1.initScheduler = initScheduler;
+		exports$1.initSuspenseInstance = initSuspenseInstance;
+		exports$1.initVisibleInstance = initVisibleInstance;
+		exports$1.initialFiberNode = initialFiberNode;
+		exports$1.insertionEffect = insertionEffect;
+		exports$1.isCommentElement = isCommentElement;
+		exports$1.isCommentEndElement = isCommentEndElement;
+		exports$1.isCommentStartElement = isCommentStartElement;
+		exports$1.isErrorBoundariesComponent = isErrorBoundariesComponent;
+		exports$1.isErrorBoundariesInstance = isErrorBoundariesInstance;
+		exports$1.layoutEffect = layoutEffect;
+		exports$1.loadLazy = loadLazy;
+		exports$1.loadPromise = loadPromise;
+		exports$1.mountAsync = mountAsync;
+		exports$1.mountClassInstance = mountClassInstance;
+		exports$1.mountLoopAll = mountLoopAll;
+		exports$1.mountLoopAllFromScheduler = mountLoopAllFromScheduler;
+		exports$1.mountSync = mountSync;
+		exports$1.mountToNextFiberFromRoot = mountToNextFiberFromRoot;
+		exports$1.nextWorkActivity = nextWorkActivity;
+		exports$1.nextWorkClassComponent = nextWorkClassComponent;
+		exports$1.nextWorkCommon = nextWorkCommon;
+		exports$1.nextWorkComponent = nextWorkComponent;
+		exports$1.nextWorkConsumer = nextWorkConsumer;
+		exports$1.nextWorkFunctionComponent = nextWorkFunctionComponent;
+		exports$1.nextWorkLazy = nextWorkLazy;
+		exports$1.nextWorkNormal = nextWorkNormal;
+		exports$1.nextWorkProvider = nextWorkProvider;
+		exports$1.nextWorkRoot = nextWorkRoot;
+		exports$1.nextWorkSuspense = nextWorkSuspense;
+		exports$1.onceErrorWithKeyAndFiber = onceErrorWithKeyAndFiber;
+		exports$1.onceWarnWithKeyAndFiber = onceWarnWithKeyAndFiber;
+		exports$1.originalError = originalError;
+		exports$1.originalWarn = originalWarn;
+		exports$1.performToNextFiberFromRoot = performToNextFiberFromRoot;
+		exports$1.prepareUpdateAllDependence = prepareUpdateAllDependence;
+		exports$1.prepareUpdateOnFiber = prepareUpdateOnFiber;
+		exports$1.processAsyncLoadListOnAsyncMount = processAsyncLoadListOnAsyncMount;
+		exports$1.processAsyncLoadListOnSyncMount = processAsyncLoadListOnSyncMount;
+		exports$1.processAsyncLoadListOnUpdate = processAsyncLoadListOnUpdate;
+		exports$1.processClassComponentActive = processClassComponentActive;
+		exports$1.processClassComponentMount = processClassComponentMount;
+		exports$1.processClassComponentUnmount = processClassComponentUnmount;
+		exports$1.processClassComponentUpdate = processClassComponentUpdate;
+		exports$1.processClassComponentUpdateQueueLatest = processClassComponentUpdateQueueLatest;
+		exports$1.processClassComponentUpdateQueueLegacy = processClassComponentUpdateQueueLegacy;
+		exports$1.processConsumer = processConsumer;
+		exports$1.processFunction = processFunction;
+		exports$1.processFunctionComponentUpdateQueueLatest = processFunctionComponentUpdateQueueLatest;
+		exports$1.processFunctionComponentUpdateQueueLegacy = processFunctionComponentUpdateQueueLegacy;
+		exports$1.processHook = processHook;
+		exports$1.processLazy = processLazy;
+		exports$1.processNormalComponentUpdateLatest = processNormalComponentUpdateLatest;
+		exports$1.processNormalComponentUpdateLegacy = processNormalComponentUpdateLegacy;
+		exports$1.processPromise = processPromise;
+		exports$1.processProvider = processProvider;
+		exports$1.processState = processState;
+		exports$1.processSuspense = processSuspense;
+		exports$1.processSuspensePromise = processSuspensePromise;
+		exports$1.resetLogScope = resetLogScope;
+		exports$1.runtimeNextWork = runtimeNextWork;
+		exports$1.runtimeNextWorkDev = runtimeNextWorkDev;
+		exports$1.safeCall = safeCall;
+		exports$1.safeCallWithCurrentFiber = safeCallWithCurrentFiber;
+		exports$1.safeCallWithSync = safeCallWithSync;
+		exports$1.scheduleNext = scheduleNext;
+		exports$1.scheduleUpdate = scheduleUpdate;
+		exports$1.setContextForInstance = setContextForInstance;
+		exports$1.setEffectForInstance = setEffectForInstance;
+		exports$1.setLogScope = setLogScope;
+		exports$1.setOwnerForInstance = setOwnerForInstance;
+		exports$1.setRefreshHandler = setRefreshHandler;
+		exports$1.setRefreshTypeMap = setRefreshTypeMap;
+		exports$1.setSubscribeForInstance = setSubscribeForInstance;
+		exports$1.syncComponentStateToFiber = syncComponentStateToFiber;
+		exports$1.syncFiberStateToComponent = syncFiberStateToComponent;
+		exports$1.syncFlushComponentQueue = syncFlushComponentQueue;
+		exports$1.transformChildrenFiber = transformChildrenFiber;
+		exports$1.triggerError = triggerError;
+		exports$1.triggerFiberUpdateListener = triggerFiberUpdateListener;
+		exports$1.triggerRevert = triggerRevert;
+		exports$1.triggerUpdate = triggerUpdate;
+		exports$1.triggerUpdateOnFiber = triggerUpdateOnFiber;
+		exports$1.typeToFibersMap = typeToFibersMap;
+		exports$1.unmountContainer = unmountContainer;
+		exports$1.unmountFiber = unmountFiber;
+		exports$1.unmountFiberNode = unmountFiberNode;
+		exports$1.unmountInstance = unmountInstance;
+		exports$1.updateConcurrentFromRoot = updateConcurrentFromRoot;
+		exports$1.updateFiberNode = updateFiberNode;
+		exports$1.updateHookNode = updateHookNode;
+		exports$1.updateLoopConcurrentFromRoot = updateLoopConcurrentFromRoot;
+		exports$1.updateLoopSyncFromRoot = updateLoopSyncFromRoot;
+		exports$1.updateSyncFromRoot = updateSyncFromRoot;
+		exports$1.version = version;
 	} (index_development));
 	return index_development;
 }
@@ -8544,24 +8637,24 @@ var ReconcilerDispatchUpdate = function (_dispatch, _list, config, sync) {
             }
         }
     });
-    _list.listToHead(function invokePositionList(_fiber) {
+    _list.listToFoot(function invokeAppendList(_fiber) {
         if (exclude(_fiber.state, STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
             myreactReconcilerExports.safeCallWithCurrentFiber({
                 fiber: _fiber,
-                action: function safeCallPosition() {
-                    _dispatch.commitPosition(_fiber);
+                action: function safeCallAppendList() {
+                    _dispatch.commitAppend(_fiber);
                     var parentFiber = getValidParentFiberWithNode(_dispatch, _fiber);
                     parentFiber && pendingFinalizeInitialChildrenFiberSet.add(parentFiber);
                 },
             });
         }
     });
-    _list.listToFoot(function invokeAppendList(_fiber) {
+    _list.listToHead(function invokePositionList(_fiber) {
         if (exclude(_fiber.state, STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
             myreactReconcilerExports.safeCallWithCurrentFiber({
                 fiber: _fiber,
-                action: function safeCallAppendList() {
-                    _dispatch.commitAppend(_fiber);
+                action: function safeCallPosition() {
+                    _dispatch.commitPosition(_fiber);
                     var parentFiber = getValidParentFiberWithNode(_dispatch, _fiber);
                     parentFiber && pendingFinalizeInitialChildrenFiberSet.add(parentFiber);
                 },
@@ -8783,10 +8876,10 @@ var autoSetDevHMR = function (dispatch) {
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable @typescript-eslint/ban-ts-comment */
-function loadRemoteScript(url, options) {
-    if (options === void 0) { options = {}; }
-    return __awaiter(this, void 0, void 0, function () {
+function loadRemoteScript(url_1) {
+    return __awaiter(this, arguments, void 0, function (url, options) {
         var _a, timeout, _b, context, _c, useEval, controller_1, timeoutId, response, code, error_1, errorMsg;
+        if (options === void 0) { options = {}; }
         return __generator(this, function (_d) {
             switch (_d.label) {
                 case 0:
@@ -9136,10 +9229,10 @@ function createSafeRequire() {
     };
 }
 // 增强的模块加载版本（支持导出）
-function loadRemoteModule(url, options) {
-    if (options === void 0) { options = {}; }
-    return __awaiter(this, void 0, void 0, function () {
+function loadRemoteModule(url_1) {
+    return __awaiter(this, arguments, void 0, function (url, options) {
         var _a, context, moduleExports, moduleContext;
+        if (options === void 0) { options = {}; }
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
@@ -9288,8 +9381,7 @@ var Reconciler = function (_config) {
     };
 };
-/* eslint-disable import/export */
-var version = "0.0.13";
+var version = "0.0.14";
 var createReconciler = Reconciler;
 exports.createReconciler = createReconciler;