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

package/dist/cjs/index.development.js

@@ -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;
@@ -348,8 +352,10 @@ function requireIndex_development () {
 		    return ListTreeNode;
 		}());
 		var ListTree = /** @class */ (function () {
-		    function ListTree() {
+		    function ListTree(max) {
 		        this.length = 0;
+		        this.maxLength = Infinity;
+		        this.maxLength = max || Infinity;
 		        var _stickyHead = null;
 		        Object.defineProperty(this, "stickyHead", {
 		            get: function () {
@@ -388,6 +394,9 @@ function requireIndex_development () {
 		        });
 		    }
 		    ListTree.prototype.push = function (node) {
+		        while (this.length >= this.maxLength) {
+		            this.pop();
+		        }
 		        var listNode = new ListTreeNode(node);
 		        this.length++;
 		        if (!this.foot) {
@@ -405,6 +414,7 @@ function requireIndex_development () {
 		            var node_1 = this.stickyFoot;
 		            this.push(node_1.value);
 		            this.stickyFoot = null;
+		            this.length--;
 		        }
 		        else {
 		            this.length++;
@@ -417,6 +427,7 @@ function requireIndex_development () {
 		            var node_2 = this.stickyHead;
 		            this.unshift(node_2.value);
 		            this.stickyHead = null;
+		            this.length--;
 		        }
 		        else {
 		            this.length++;
@@ -435,6 +446,9 @@ function requireIndex_development () {
 		        }
 		    };
 		    ListTree.prototype.unshift = function (node) {
+		        while (this.length >= this.maxLength) {
+		            this.shift();
+		        }
 		        var listNode = new ListTreeNode(node);
 		        this.length++;
 		        if (!this.head) {
@@ -452,6 +466,7 @@ function requireIndex_development () {
 		            var node_3 = this.stickyHead;
 		            this.unshift(node_3.value);
 		            this.stickyHead = null;
+		            this.length--;
 		        }
 		        else {
 		            this.length++;
@@ -464,6 +479,7 @@ function requireIndex_development () {
 		            var node_4 = this.stickyFoot;
 		            this.push(node_4.value);
 		            this.stickyFoot = null;
+		            this.length--;
 		        }
 		        else {
 		            this.length++;
@@ -615,7 +631,7 @@ function requireIndex_development () {
 		        return newList;
 		    };
 		    ListTree.prototype.clone = function () {
-		        var newList = new ListTree();
+		        var newList = new ListTree(this.maxLength);
 		        this.listToFoot(function (v) { return newList.push(v); });
 		        return newList;
 		    };
@@ -743,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__";
@@ -769,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 () {
@@ -1018,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;
@@ -1030,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
@@ -1080,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);
@@ -1169,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);
@@ -1244,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);
 		    }
@@ -1256,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,
@@ -1278,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;
@@ -1295,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 };
 		};
@@ -1414,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);
@@ -1603,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));
 		                }
@@ -1626,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 {
@@ -1835,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;
@@ -1845,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;
@@ -1854,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;
@@ -2016,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;
@@ -2101,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) {
@@ -2113,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) {
@@ -2161,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);
@@ -2228,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,
@@ -2275,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) {
@@ -2287,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) {
@@ -2336,20 +2362,62 @@ 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) {
-		        var suspenseField = getInstanceFieldByInstance(renderDispatch);
-		        var list = suspenseField.asyncLoadList.getAll();
+		        var suspenseField_1 = getInstanceFieldByInstance(renderDispatch);
+		        var list = suspenseField_1.asyncLoadList.getAll();
 		        if (list.length === 0)
 		            return;
 		        if (renderDispatch.enableAsyncLoad) {
-		            throw new Error("[@my-react/reconciler] not implemented yet");
+		            var allPendingLoadArray = list.filter(function (item) {
+		                if (isPromise(item)) {
+		                    return typeof item.status !== "string";
+		                }
+		                else {
+		                    return !item._loading && !item._loaded && !item._error;
+		                }
+		            });
+		            if (allPendingLoadArray.length) {
+		                Promise.all(allPendingLoadArray.map(function (item) { return __awaiter(void 0, void 0, void 0, function () {
+		                    var allNode;
+		                    var _a;
+		                    return __generator(this, function (_b) {
+		                        switch (_b.label) {
+		                            case 0:
+		                                if (!isPromise(item)) return [3 /*break*/, 2];
+		                                return [4 /*yield*/, renderDispatch.processPromise(item)];
+		                            case 1:
+		                                _b.sent();
+		                                return [3 /*break*/, 4];
+		                            case 2: return [4 /*yield*/, renderDispatch.processLazy(item)];
+		                            case 3:
+		                                _b.sent();
+		                                _b.label = 4;
+		                            case 4:
+		                                allNode = Array.from(item._list);
+		                                (_a = item._list) === null || _a === void 0 ? void 0 : _a.clear();
+		                                allNode.forEach(function (node) {
+		                                    node.state = STATE_TYPE.__reschedule__;
+		                                });
+		                                suspenseField_1.asyncLoadList.uniDelete(item);
+		                                return [2 /*return*/];
+		                        }
+		                    });
+		                }); }));
+		                var root = renderDispatch.rootFiber;
+		                root.state = remove(root.state, STATE_TYPE.__stable__);
+		                root.state = merge(root.state, STATE_TYPE.__retrigger__);
+		                // TODO use hide tree to improve
+		                mountLoopAll(renderDispatch, root);
+		            }
 		        }
 		        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");
@@ -2361,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;
@@ -2401,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
@@ -2489,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;
@@ -2558,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;
@@ -2710,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,
@@ -2769,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;
@@ -2792,6 +2859,9 @@ function requireIndex_development () {
 		    var baseState = Object.assign({}, fiber.pendingState);
 		    var baseProps = Object.assign({}, typedInstance.props);
 		    var pendingState = Object.assign({}, fiber.pendingState);
+		    if (enableDebugFiled$a.current && enableDebugUpdateQueue.current) {
+		        typedFiber._debugLatestUpdateQueue = new ListTree();
+		    }
 		    if (enableTaskPriority && allQueue.some(function (l) { return l.isSync; })) {
 		        var _loop_1 = function () {
 		            var updater = node.value;
@@ -2817,15 +2887,16 @@ 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;
 		                    typedNode._debugBaseValue = baseState;
 		                    typedNode._debugAfterValue = fiber.pendingState;
 		                    if (enableDebugUpdateQueue.current) {
-		                        typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree();
+		                        typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree(10);
 		                        typedFiber._debugUpdateQueue.push(typedNode);
+		                        typedFiber._debugLatestUpdateQueue.push(typedNode);
 		                    }
 		                }
 		            }
@@ -2837,15 +2908,16 @@ 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;
 		                    typedNode._debugBaseValue = baseState;
 		                    typedNode._debugAfterValue = fiber.pendingState;
 		                    if (enableDebugUpdateQueue.current) {
-		                        typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree();
+		                        typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree(10);
 		                        typedFiber._debugUpdateQueue.push(typedNode);
+		                        typedFiber._debugLatestUpdateQueue.push(typedNode);
 		                    }
 		                }
 		            }
@@ -2898,15 +2970,16 @@ 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;
 		                    typedNode._debugBaseValue = baseState;
 		                    typedNode._debugAfterValue = fiber.pendingState;
 		                    if (enableDebugUpdateQueue.current) {
-		                        typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree();
+		                        typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree(10);
 		                        typedFiber._debugUpdateQueue.push(typedNode);
+		                        typedFiber._debugLatestUpdateQueue.push(typedNode);
 		                    }
 		                }
 		            }
@@ -2918,15 +2991,16 @@ 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;
 		                    typedNode._debugBaseValue = baseState;
 		                    typedNode._debugAfterValue = fiber.pendingState;
 		                    if (enableDebugUpdateQueue.current) {
-		                        typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree();
+		                        typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree(10);
 		                        typedFiber._debugUpdateQueue.push(typedNode);
+		                        typedFiber._debugLatestUpdateQueue.push(typedNode);
 		                    }
 		                }
 		            }
@@ -2954,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;
@@ -2971,6 +3045,9 @@ function requireIndex_development () {
 		    var baseState = Object.assign({}, fiber.pendingState);
 		    var baseProps = Object.assign({}, typedInstance.props);
 		    var pendingState = Object.assign({}, fiber.pendingState);
+		    if (enableDebugFiled$a.current && enableDebugUpdateQueue.current) {
+		        typedFiber._debugLatestUpdateQueue = new ListTree();
+		    }
 		    if (node) {
 		        var updater = node.value;
 		        if (updater.type === UpdateQueueType.component) {
@@ -2993,15 +3070,16 @@ 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;
 		                typedNode._debugBaseValue = baseState;
 		                typedNode._debugAfterValue = fiber.pendingState;
 		                if (enableDebugUpdateQueue.current) {
-		                    typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree();
+		                    typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree(10);
 		                    typedFiber._debugUpdateQueue.push(typedNode);
+		                    typedFiber._debugLatestUpdateQueue.push(typedNode);
 		                }
 		            }
 		        }
@@ -3013,15 +3091,16 @@ 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;
 		                typedNode._debugBaseValue = baseState;
 		                typedNode._debugAfterValue = fiber.pendingState;
 		                if (enableDebugUpdateQueue.current) {
-		                    typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree();
+		                    typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree(10);
 		                    typedFiber._debugUpdateQueue.push(typedNode);
+		                    typedFiber._debugLatestUpdateQueue.push(typedNode);
 		                }
 		            }
 		        }
@@ -3050,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;
@@ -3064,6 +3143,9 @@ function requireIndex_development () {
 		    var isRetrigger = false;
 		    var processedNodes = [];
 		    var callbacks = [];
+		    if (enableDebugFiled$a.current && enableDebugUpdateQueue.current) {
+		        typedFiber._debugLatestUpdateQueue = new ListTree();
+		    }
 		    if (enableTaskPriority && allQueue.some(function (l) { return l.isSync; })) {
 		        var _loop_3 = function () {
 		            var updater = node.value;
@@ -3103,15 +3185,16 @@ 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;
 		                    typedNode._debugAfterValue = typedTrigger_1.result;
 		                    if (enableDebugUpdateQueue.current) {
-		                        typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree();
+		                        typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree(10);
 		                        typedFiber._debugUpdateQueue.push(typedNode);
-		                        typedTrigger_1._debugUpdateQueue = typedTrigger_1._debugUpdateQueue || new ListTree();
+		                        typedFiber._debugLatestUpdateQueue.push(typedNode);
+		                        typedTrigger_1._debugUpdateQueue = typedTrigger_1._debugUpdateQueue || new ListTree(10);
 		                        typedTrigger_1._debugUpdateQueue.push(typedNode);
 		                    }
 		                }
@@ -3126,14 +3209,15 @@ 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;
 		                    typedNode._debugAfterValue = payLoad;
 		                    if (enableDebugUpdateQueue.current) {
-		                        typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree();
+		                        typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree(10);
 		                        typedFiber._debugUpdateQueue.push(typedNode);
+		                        typedFiber._debugLatestUpdateQueue.push(typedNode);
 		                    }
 		                }
 		            }
@@ -3201,15 +3285,16 @@ 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;
 		                    typedNode._debugAfterValue = typedTrigger_2.result;
 		                    if (enableDebugUpdateQueue.current) {
-		                        typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree();
+		                        typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree(10);
 		                        typedFiber._debugUpdateQueue.push(typedNode);
-		                        typedTrigger_2._debugUpdateQueue = typedTrigger_2._debugUpdateQueue || new ListTree();
+		                        typedFiber._debugLatestUpdateQueue.push(typedNode);
+		                        typedTrigger_2._debugUpdateQueue = typedTrigger_2._debugUpdateQueue || new ListTree(10);
 		                        typedTrigger_2._debugUpdateQueue.push(typedNode);
 		                    }
 		                }
@@ -3224,14 +3309,15 @@ 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;
 		                    typedNode._debugAfterValue = payLoad;
 		                    if (enableDebugUpdateQueue.current) {
-		                        typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree();
+		                        typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree(10);
 		                        typedFiber._debugUpdateQueue.push(typedNode);
+		                        typedFiber._debugLatestUpdateQueue.push(typedNode);
 		                    }
 		                }
 		            }
@@ -3260,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;
@@ -3274,6 +3360,9 @@ function requireIndex_development () {
 		    var isRetrigger = false;
 		    var processedNodes = [];
 		    var callbacks = [];
+		    if (enableDebugFiled$a.current && enableDebugUpdateQueue.current) {
+		        typedFiber._debugLatestUpdateQueue = new ListTree();
+		    }
 		    if (node) {
 		        var updater = node.value;
 		        if (updater.type === UpdateQueueType.hook) {
@@ -3311,15 +3400,16 @@ 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;
 		                typedNode._debugAfterValue = typedTrigger_3.result;
 		                if (enableDebugUpdateQueue.current) {
-		                    typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree();
+		                    typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree(10);
 		                    typedFiber._debugUpdateQueue.push(typedNode);
-		                    typedTrigger_3._debugUpdateQueue = typedTrigger_3._debugUpdateQueue || new ListTree();
+		                    typedFiber._debugLatestUpdateQueue.push(typedNode);
+		                    typedTrigger_3._debugUpdateQueue = typedTrigger_3._debugUpdateQueue || new ListTree(10);
 		                    typedTrigger_3._debugUpdateQueue.push(typedNode);
 		                }
 		            }
@@ -3334,14 +3424,15 @@ 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;
 		                typedNode._debugAfterValue = payLoad;
 		                if (enableDebugUpdateQueue.current) {
-		                    typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree();
+		                    typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree(10);
 		                    typedFiber._debugUpdateQueue.push(typedNode);
+		                    typedFiber._debugLatestUpdateQueue.push(typedNode);
 		                }
 		            }
 		        }
@@ -3379,6 +3470,9 @@ function requireIndex_development () {
 		    var isRetrigger = false;
 		    var processedNodes = [];
 		    var callbacks = [];
+		    if (enableDebugFiled$a.current && enableDebugUpdateQueue.current) {
+		        typedFiber._debugLatestUpdateQueue = new ListTree();
+		    }
 		    while (node) {
 		        var updater = node.value;
 		        var nextNode = node.next;
@@ -3390,14 +3484,15 @@ 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;
 		            typedNode._debugAfterValue = payLoad;
 		            if (enableDebugUpdateQueue.current) {
-		                typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree();
+		                typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree(10);
 		                typedFiber._debugUpdateQueue.push(typedNode);
+		                typedFiber._debugLatestUpdateQueue.push(typedNode);
 		            }
 		        }
 		        node = nextNode;
@@ -3431,6 +3526,9 @@ function requireIndex_development () {
 		    var isRetrigger = false;
 		    var processedNodes = [];
 		    var callbacks = [];
+		    if (enableDebugFiled$a.current && enableDebugUpdateQueue.current) {
+		        typedFiber._debugLatestUpdateQueue = new ListTree();
+		    }
 		    if (node) {
 		        var updater = node.value;
 		        allQueue.delete(node);
@@ -3441,14 +3539,15 @@ 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;
 		            typedNode._debugAfterValue = payLoad;
 		            if (enableDebugUpdateQueue.current) {
-		                typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree();
+		                typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree(10);
 		                typedFiber._debugUpdateQueue.push(typedNode);
+		                typedFiber._debugLatestUpdateQueue.push(typedNode);
 		            }
 		        }
 		    }
@@ -3491,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];
@@ -3521,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();
@@ -3540,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;
@@ -3564,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();
@@ -3583,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;
@@ -3666,12 +3761,11 @@ function requireIndex_development () {
 		    currentTriggerFiber.current = null;
 		};
 		var clearContainer = function (renderDispatch) {
-		    var _a, _b, _c, _d;
+		    var _a, _b, _c;
 		    renderDispatch.pendingCommitFiberPatch = PATCH_TYPE.__initial__;
 		    (_a = renderDispatch.pendingUpdateFiberArray) === null || _a === void 0 ? void 0 : _a.clear();
 		    (_b = renderDispatch.pendingSuspenseFiberArray) === null || _b === void 0 ? void 0 : _b.clear();
 		    (_c = renderDispatch.pendingCommitFiberList) === null || _c === void 0 ? void 0 : _c.clear();
-		    (_d = renderDispatch.pendingChangedFiberList) === null || _d === void 0 ? void 0 : _d.clear();
 		    renderDispatch.resetUpdateFlowRuntimeFiber();
 		    renderDispatch.isAppMounted = false;
 		    renderDispatch.isAppUnmounted = true;
@@ -3681,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 });
 		        });
@@ -3832,6 +3926,11 @@ function requireIndex_development () {
 		};
 
 		var globalLoop$2 = react.__my_react_internal__.globalLoop, currentScheduler$a = react.__my_react_internal__.currentScheduler;
+		var clearLatestUpdateQueue = function (fiber) {
+		    var _a;
+		    var typedFiber = fiber;
+		    (_a = typedFiber._debugLatestUpdateQueue) === null || _a === void 0 ? void 0 : _a.clear();
+		};
 		var scheduleUpdateFromRoot = function (renderDispatch) {
 		    flushEffectCallback();
 		    var allLive = renderDispatch.pendingUpdateFiberArray.getAll().filter(function (f) { return exclude(f.state, STATE_TYPE.__unmount__); });
@@ -3845,6 +3944,7 @@ function requireIndex_development () {
 		            {
 		                safeCall(function safeCallBeforeDispatchUpdate() {
 		                    renderDispatch.callOnBeforeDispatchUpdate(renderDispatch, allLive);
+		                    allLive.forEach(clearLatestUpdateQueue);
 		                });
 		            }
 		            updateSyncFromRoot(renderDispatch);
@@ -3854,6 +3954,7 @@ function requireIndex_development () {
 		            {
 		                safeCall(function safeCallBeforeDispatchUpdate() {
 		                    renderDispatch.callOnBeforeDispatchUpdate(renderDispatch, allLive);
+		                    allLive.forEach(clearLatestUpdateQueue);
 		                });
 		            }
 		            updateConcurrentFromRoot(renderDispatch);
@@ -3913,19 +4014,17 @@ function requireIndex_development () {
 		var enableScopeTreeLog$3 = react.__my_react_shared__.enableScopeTreeLog;
 		function finishUpdateSyncFromRoot(renderDispatch) {
 		    var commitList = renderDispatch.pendingCommitFiberList;
-		    var changedList = renderDispatch.pendingChangedFiberList;
 		    renderDispatch.resetUpdateFlowRuntimeFiber();
 		    renderDispatch.pendingCommitFiberList = null;
-		    renderDispatch.pendingChangedFiberList = null;
 		    enableScopeTreeLog$3.current && setLogScope();
 		    (commitList === null || commitList === void 0 ? void 0 : commitList.length) && renderDispatch.reconcileUpdate(commitList, true);
 		    enableScopeTreeLog$3.current && resetLogScope();
 		    safeCall(function safeCallAfterDispatchUpdate() {
 		            renderDispatch.callOnAfterDispatchUpdate(renderDispatch);
 		        });
-		    (changedList === null || changedList === void 0 ? void 0 : changedList.length) &&
+		    (commitList === null || commitList === void 0 ? void 0 : commitList.length) &&
 		        safeCall(function safeCallFiberHasChangeListener() {
-		            renderDispatch.callOnFiberChange(changedList);
+		            renderDispatch.callOnFiberChange(commitList);
 		        });
 		}
 		var updateSyncFromRoot = function (renderDispatch) {
@@ -3943,19 +4042,17 @@ function requireIndex_development () {
 		};
 		function finishUpdateConcurrentFromRoot(renderDispatch) {
 		    var commitList = renderDispatch.pendingCommitFiberList;
-		    var changedList = renderDispatch.pendingChangedFiberList;
 		    renderDispatch.resetUpdateFlowRuntimeFiber();
 		    renderDispatch.pendingCommitFiberList = null;
-		    renderDispatch.pendingChangedFiberList = null;
 		    enableScopeTreeLog$3.current && setLogScope();
 		    (commitList === null || commitList === void 0 ? void 0 : commitList.length) && renderDispatch.reconcileUpdate(commitList);
 		    enableScopeTreeLog$3.current && setLogScope();
 		    safeCall(function safeCallAfterDispatchUpdate() {
 		            renderDispatch.callOnAfterDispatchUpdate(renderDispatch);
 		        });
-		    (changedList === null || changedList === void 0 ? void 0 : changedList.length) &&
+		    (commitList === null || commitList === void 0 ? void 0 : commitList.length) &&
 		        safeCall(function safeCallFiberHasChangeListener() {
-		            renderDispatch.callOnFiberChange(changedList);
+		            renderDispatch.callOnFiberChange(commitList);
 		        });
 		}
 		function checkNextFiberIsSync(renderDispatch) {
@@ -4120,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;
@@ -4137,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");
@@ -4297,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]);
@@ -4585,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);
@@ -4594,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 = [];
 		    }
@@ -4670,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);
@@ -4759,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;
@@ -4774,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;
@@ -4882,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;
@@ -4901,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);
 		        }
 		    }
@@ -4948,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;
@@ -4984,7 +5082,6 @@ function requireIndex_development () {
 		    renderDispatch.runtimeMap.effectMap.delete(fiber);
 		    renderDispatch.runtimeMap.layoutEffectMap.delete(fiber);
 		    renderDispatch.runtimeMap.unmountMap.delete(fiber);
-		    renderDispatch.runtimeMap.eventMap.delete(fiber);
 		    renderDispatch.runtimeMap.triggerCallbackMap.delete(fiber);
 		    if (Boolean(true) === false) {
 		        // fiber.child = null;
@@ -4998,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;
@@ -5007,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;
@@ -5049,7 +5146,6 @@ function requireIndex_development () {
 		                renderDispatch.pendingUnmount(parentFiber, f);
 		            });
 		        });
-		        renderDispatch.generateChangedList(parentFiber, true);
 		    }
 		};
 		var getNewFiberWithUpdate = function (renderDispatch, newChild, parentFiber, existingChildren, prevFiberChild, index) {
@@ -5061,13 +5157,11 @@ 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);
-		            draftFiber_1 !== prevFiberChild && renderDispatch.generateChangedList(parentFiber);
 		            return updateFiberNode(renderDispatch, { fiber: draftFiber_1, parent: parentFiber, prevFiber: prevFiberChild }, newElement);
 		        }
 		        else {
-		            draftFiber_1 && renderDispatch.generateChangedList(parentFiber);
 		            draftFiber_1 && renderDispatch.pendingUnmount(parentFiber, draftFiber_1);
 		            return createFragmentWithUpdate(renderDispatch, newChild, parentFiber);
 		        }
@@ -5080,12 +5174,10 @@ function requireIndex_development () {
 		    }
 		    var isSameType = getIsSameTypeNode(newChild, draftFiber);
 		    if (isSameType) {
-		        draftFiber !== prevFiberChild && renderDispatch.generateChangedList(parentFiber);
 		        return updateFiberNode(renderDispatch, { fiber: draftFiber, parent: parentFiber, prevFiber: prevFiberChild }, newChild);
 		    }
 		    else {
 		        draftFiber && renderDispatch.pendingUnmount(parentFiber, draftFiber);
-		        draftFiber && renderDispatch.generateChangedList(parentFiber);
 		        return createFiberNode(renderDispatch, { parent: parentFiber, type: "position" }, newChild);
 		    }
 		};
@@ -5111,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 = [];
 		        }
@@ -5124,24 +5216,23 @@ 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);
 		    }
 		    else {
-		        renderDispatch.generateChangedList(parentFiber);
 		        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 = [];
 		        }
@@ -5155,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);
 		        }
 		    }
@@ -5217,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__ |
@@ -5229,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,
@@ -5237,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)) {
@@ -5264,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)) {
@@ -5293,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";
@@ -5307,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;
@@ -5337,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*/];
 		        }
@@ -5351,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);
@@ -5527,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");
@@ -5570,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;
@@ -5644,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,
@@ -5675,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;
@@ -5690,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) {
@@ -5747,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;
@@ -5755,8 +5876,10 @@ function requireIndex_development () {
 		        updater._debugRunTime = now;
 		        updater._debugType = UpdateQueueType[UpdateQueueType.context];
 		        if (enableDebugUpdateQueue.current) {
-		            typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree();
+		            typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new ListTree(10);
 		            typedFiber._debugUpdateQueue.push(updater);
+		            typedFiber._debugLatestUpdateQueue = new ListTree();
+		            typedFiber._debugLatestUpdateQueue.push(updater);
 		        }
 		    }
 		    processedNodes.push(updater);
@@ -5843,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;
@@ -5851,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;
 		        }
@@ -5900,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);
 		                },
 		            });
 		        }
@@ -6013,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;
@@ -6024,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*/];
 		        }
 		    });
 		}); };
@@ -6053,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);
@@ -6107,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)
@@ -6175,7 +6309,6 @@ function requireIndex_development () {
 		    layoutEffectMap: new MyWeakMap(),
 		    insertionEffectMap: new MyWeakMap(),
 		    unmountMap: new MyWeakMap(),
-		    eventMap: new MyWeakMap(),
 		    triggerCallbackMap: new MyWeakMap(),
 		}); };
 		var getInitialFiber = function () { return ({
@@ -6185,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) {
@@ -6293,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 {
@@ -6931,13 +7104,12 @@ function requireIndex_development () {
 		        _this.isAppMounted = false;
 		        _this.isAppCrashed = false;
 		        _this.isAppUnmounted = false;
-		        _this.version = "0.3.21";
+		        _this.version = "0.3.23";
 		        _this.id = Math.random().toString(16).slice(2);
 		        _this.mode = "development" ;
 		        _this.renderMode = "render";
 		        _this.pendingCommitFiberList = null;
 		        _this.pendingCommitFiberPatch = PATCH_TYPE.__initial__;
-		        _this.pendingChangedFiberList = null;
 		        _this.pendingUpdateFiberArray = new UniqueArray();
 		        _this.pendingSuspenseFiberArray = new UniqueArray();
 		        _this.uniqueIdCount = 0;
@@ -6955,17 +7127,6 @@ function requireIndex_development () {
 		            this.pendingCommitFiberList.push(_fiber);
 		        }
 		    };
-		    CustomRenderDispatch.prototype.generateChangedList = function (_fiber, withCheck) {
-		        if (!_fiber)
-		            return;
-		        if (!this.isAppMounted)
-		            return;
-		        this.pendingChangedFiberList = this.pendingChangedFiberList || new ListTree();
-		        if (withCheck && this.pendingChangedFiberList.hasValue(_fiber)) {
-		            return;
-		        }
-		        this.pendingChangedFiberList.push(_fiber);
-		    };
 		    CustomRenderDispatch.prototype.pendingCreate = function (_fiber) {
 		        if (include(_fiber.type, this.runtimeRef.typeForCreate)) {
 		            _fiber.patch = merge(_fiber.patch, PATCH_TYPE.__create__);
@@ -6989,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");
 		            }
 		        }
@@ -7151,18 +7312,9 @@ function requireIndex_development () {
 		function finishMountSync(renderDispatch, fiber) {
 		    enableScopeTreeLog.current && setLogScope();
 		    renderDispatch.reconcileCommit(fiber);
-		    var changedList = renderDispatch.pendingChangedFiberList;
 		    renderDispatch.resetUpdateFlowRuntimeFiber();
 		    renderDispatch.pendingCommitFiberList = null;
-		    renderDispatch.pendingChangedFiberList = null;
 		    enableScopeTreeLog.current && resetLogScope();
-		    (changedList === null || changedList === void 0 ? void 0 : changedList.length) &&
-		        safeCallWithCurrentFiber({
-		            fiber: fiber,
-		            action: function safeCallFiberHasChangeListener() {
-		                renderDispatch.callOnFiberChange(changedList);
-		            },
-		        });
 		}
 		var mountSync = function (renderDispatch, fiber) {
 		    safeCall(function safeCallBeforeDispatchRender() {
@@ -7182,18 +7334,9 @@ function requireIndex_development () {
 		function finishMountAsync(renderDispatch, fiber) {
 		    enableScopeTreeLog.current && setLogScope();
 		    renderDispatch.reconcileCommit(fiber);
-		    var changedList = renderDispatch.pendingChangedFiberList;
 		    renderDispatch.resetUpdateFlowRuntimeFiber();
 		    renderDispatch.pendingCommitFiberList = null;
-		    renderDispatch.pendingChangedFiberList = null;
 		    enableScopeTreeLog.current && resetLogScope();
-		    (changedList === null || changedList === void 0 ? void 0 : changedList.length) &&
-		        safeCallWithCurrentFiber({
-		            fiber: fiber,
-		            action: function safeCallFiberHasChangeListener() {
-		                renderDispatch.callOnFiberChange(changedList);
-		            },
-		        });
 		}
 		var mountAsync = function (renderDispatch, fiber) { return __awaiter(void 0, void 0, void 0, function () {
 		    return __generator(this, function (_a) {
@@ -7219,192 +7362,192 @@ function requireIndex_development () {
 		    });
 		}); };
 
-		var version = "0.3.21";
+		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;
 }
@@ -7526,8 +7669,10 @@ var ListTreeNode = /** @class */ (function () {
     return ListTreeNode;
 }());
 var ListTree = /** @class */ (function () {
-    function ListTree() {
+    function ListTree(max) {
         this.length = 0;
+        this.maxLength = Infinity;
+        this.maxLength = max || Infinity;
         var _stickyHead = null;
         Object.defineProperty(this, "stickyHead", {
             get: function () {
@@ -7566,6 +7711,9 @@ var ListTree = /** @class */ (function () {
         });
     }
     ListTree.prototype.push = function (node) {
+        while (this.length >= this.maxLength) {
+            this.pop();
+        }
         var listNode = new ListTreeNode(node);
         this.length++;
         if (!this.foot) {
@@ -7583,6 +7731,7 @@ var ListTree = /** @class */ (function () {
             var node_1 = this.stickyFoot;
             this.push(node_1.value);
             this.stickyFoot = null;
+            this.length--;
         }
         else {
             this.length++;
@@ -7595,6 +7744,7 @@ var ListTree = /** @class */ (function () {
             var node_2 = this.stickyHead;
             this.unshift(node_2.value);
             this.stickyHead = null;
+            this.length--;
         }
         else {
             this.length++;
@@ -7613,6 +7763,9 @@ var ListTree = /** @class */ (function () {
         }
     };
     ListTree.prototype.unshift = function (node) {
+        while (this.length >= this.maxLength) {
+            this.shift();
+        }
         var listNode = new ListTreeNode(node);
         this.length++;
         if (!this.head) {
@@ -7630,6 +7783,7 @@ var ListTree = /** @class */ (function () {
             var node_3 = this.stickyHead;
             this.unshift(node_3.value);
             this.stickyHead = null;
+            this.length--;
         }
         else {
             this.length++;
@@ -7642,6 +7796,7 @@ var ListTree = /** @class */ (function () {
             var node_4 = this.stickyFoot;
             this.push(node_4.value);
             this.stickyFoot = null;
+            this.length--;
         }
         else {
             this.length++;
@@ -7793,7 +7948,7 @@ var ListTree = /** @class */ (function () {
         return newList;
     };
     ListTree.prototype.clone = function () {
-        var newList = new ListTree();
+        var newList = new ListTree(this.maxLength);
         this.listToFoot(function (v) { return newList.push(v); });
         return newList;
     };
@@ -7814,6 +7969,38 @@ var ListTree = /** @class */ (function () {
     });
 }
 
+var enableKnownConfigLog = require$$0.createRef(false);
+var knownConfigKeys = [
+    "prepareForCommit",
+    "resetAfterCommit",
+    "appendChildToContainer",
+    "appendInitialChild",
+    "appendChild",
+    "shouldSetTextContent",
+    "createTextInstance",
+    "createInstance",
+    "preparePortalMount",
+    "insertInContainerBefore",
+    "insertBefore",
+    "getPublicInstance",
+    "removeChildFromContainer",
+    "removeChild",
+    "commitTextUpdate",
+    "prepareUpdate",
+    "commitUpdate",
+    "getRootHostContext",
+    "getChildHostContext",
+    "finalizeInitialChildren",
+    "commitMount",
+];
+var knownConfig = function (config) {
+    Object.keys(config).forEach(function (key) {
+        if (!knownConfigKeys.includes(key)) {
+            console.warn("not used config key ".concat(key, " with %o value"), config[key]);
+        }
+    });
+};
+
 var DISPATCH_FIELD = "__@my-react/dispatch__";
 var DEV_TOOL_FIELD = "__@my-react/react-devtool-inject__";
 var addGlobalDispatch = function (dispatch) {
@@ -8450,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);
                 },
@@ -8689,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:
@@ -9042,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:
@@ -9079,6 +9266,9 @@ var currentScheduler = require$$0.__my_react_internal__.currentScheduler;
 var Reconciler = function (_config) {
     var rendererPackageName = "@my-react";
     var ReconcilerSet = new Set();
+    if (enableKnownConfigLog.current) {
+        knownConfig(_config);
+    }
     var createContainer = function (_container, flag) {
         prepareScheduler();
         if (flag === 0) {
@@ -9090,6 +9280,7 @@ var Reconciler = function (_config) {
             _container.__flag__ = 1;
         }
         enableDebugFiled.current = true;
+        myreactReconcilerExports.enableDebugUpdateQueue.current = true;
         enableScopeTreeLog.current = false;
         myreactReconcilerExports.enableFiberForLog.current = false;
         return _container;
@@ -9185,14 +9376,15 @@ var Reconciler = function (_config) {
         getPublicRootInstance: getPublicRootInstance,
         injectIntoDevToolsWithSocketIO: injectIntoDevToolsWithSocketIO,
         flushSync: myreactReconcilerExports.safeCallWithSync,
+        flushSyncWork: myreactReconcilerExports.safeCallWithSync,
         batchedUpdates: myreactReconcilerExports.safeCallWithSync,
     };
 };
 
-/* eslint-disable import/export */
-var version = "0.0.12";
+var version = "0.0.14";
 var createReconciler = Reconciler;
 
 exports.createReconciler = createReconciler;
 exports.default = createReconciler;
+exports.enableKnownConfigLog = enableKnownConfigLog;
 exports.version = version;