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

package/dist/cjs/index.development.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var require$$0 = require('@my-react/react');
+var require$$1 = require('@my-react/react');
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -35,17 +35,6 @@ function __extends(d, b) {
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
 }
 
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
 function __awaiter(thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -84,21 +73,23 @@ function __generator(thisArg, body) {
     }
 }
 
-function __spreadArray(to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-}
-
 typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
     var e = new Error(message);
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
+var type;
+var hasRequiredType;
+
+function requireType () {
+	if (hasRequiredType) return type;
+	hasRequiredType = 1;
+	type = require$$1;
+	return type;
+}
+
+var typeExports = requireType();
+
 var myreactReconciler = {exports: {}};
 
 var index_development = {};
@@ -108,9 +99,21 @@ var hasRequiredIndex_development;
 function requireIndex_development () {
 	if (hasRequiredIndex_development) return index_development;
 	hasRequiredIndex_development = 1;
-	(function (exports) {
+	(function (exports$1) {
 
-		var react = require$$0;
+		var require$$0 = require$$1;
+
+		var type;
+		var hasRequiredType;
+
+		function requireType () {
+			if (hasRequiredType) return type;
+			hasRequiredType = 1;
+			type = require$$0;
+			return type;
+		}
+
+		var typeExports = requireType();
 
 		var merge = function (src, rest) {
 		    return src | rest;
@@ -153,6 +156,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;
@@ -745,17 +752,17 @@ function requireIndex_development () {
 
 		var MyWeakMap = typeof WeakMap !== "undefined" ? WeakMap : Map;
 
-		var currentRefreshHandler = react.createRef(null);
+		var currentRefreshHandler = typeExports.createRef(null);
 		// TODO
 		// need improve
-		var currentTriggerFiber = react.createRef(null);
-		var fiberToDispatchMap = react.__my_react_internal__.fiberToDispatchMap;
-		var enableFiberForLog = react.createRef(false);
-		var enableDebugUpdateQueue = react.createRef(false);
-		var enableValidMyReactElement = react.createRef(false);
-		var enableLogForCurrentFlowIsRunning = react.createRef(false);
+		var currentTriggerFiber = typeExports.createRef(null);
+		var fiberToDispatchMap = typeExports.__my_react_internal__.fiberToDispatchMap;
+		var enableFiberForLog = typeExports.createRef(false);
+		var enableDebugUpdateQueue = typeExports.createRef(false);
+		var enableValidMyReactElement = typeExports.createRef(false);
+		var enableLogForCurrentFlowIsRunning = typeExports.createRef(false);
 
-		exports.NODE_TYPE = void 0;
+		exports$1.NODE_TYPE = void 0;
 		(function (NODE_TYPE) {
 		    NODE_TYPE[NODE_TYPE["__initial__"] = 0] = "__initial__";
 		    NODE_TYPE[NODE_TYPE["__class__"] = 1] = "__class__";
@@ -781,24 +788,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;
+		var enableSyncFlush$1 = typeExports.__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 () {
@@ -809,7 +817,7 @@ function requireIndex_development () {
 		    enableSyncFlush$1.current = stack.pop();
 		};
 
-		var currentRunningFiber$5 = react.__my_react_internal__.currentRunningFiber, currentScheduler$h = react.__my_react_internal__.currentScheduler, currentScopeFiber$1 = react.__my_react_internal__.currentScopeFiber, currentError$1 = react.__my_react_internal__.currentError, currentCallingFiber$1 = react.__my_react_internal__.currentCallingFiber;
+		var currentRunningFiber$5 = typeExports.__my_react_internal__.currentRunningFiber, currentScheduler$h = typeExports.__my_react_internal__.currentScheduler, currentScopeFiber$1 = typeExports.__my_react_internal__.currentScopeFiber, currentError$1 = typeExports.__my_react_internal__.currentError, currentCallingFiber$1 = typeExports.__my_react_internal__.currentCallingFiber;
 		var safeCall = function (action) {
 		    var args = [];
 		    for (var _i = 1; _i < arguments.length; _i++) {
@@ -883,8 +891,8 @@ function requireIndex_development () {
 		    }
 		};
 
-		var currentScheduler$g = react.__my_react_internal__.currentScheduler, currentRunningFiber$4 = react.__my_react_internal__.currentRunningFiber, currentScopeFiber = react.__my_react_internal__.currentScopeFiber, currentCallingFiber = react.__my_react_internal__.currentCallingFiber;
-		var enableOptimizeTreeLog = react.__my_react_shared__.enableOptimizeTreeLog;
+		var currentScheduler$g = typeExports.__my_react_internal__.currentScheduler, currentRunningFiber$4 = typeExports.__my_react_internal__.currentRunningFiber, currentScopeFiber = typeExports.__my_react_internal__.currentScopeFiber, currentCallingFiber = typeExports.__my_react_internal__.currentCallingFiber;
+		var enableOptimizeTreeLog = typeExports.__my_react_shared__.enableOptimizeTreeLog;
 		var typeColor = {
 		    normal: "rgba(10, 190, 235, 0.8)",
 		    plain: "rgba(100, 230, 40, 0.8)",
@@ -1030,7 +1038,7 @@ function requireIndex_development () {
 		        if (owner) {
 		            var ownerFiber = owner;
 		            var ownerFiberElementType = ownerFiber.elementType;
-		            if (include(ownerFiber.type, exports.NODE_TYPE.__class__ | exports.NODE_TYPE.__function__)) {
+		            if (include(ownerFiber.type, exports$1.NODE_TYPE.__class__ | exports$1.NODE_TYPE.__function__)) {
 		                var ownerElement = ownerFiber._debugElement;
 		                var typedOwnerElementType = ownerFiberElementType;
 		                var name_1 = typedOwnerElementType.displayName || typedOwnerElementType.name;
@@ -1042,48 +1050,50 @@ function requireIndex_development () {
 		    }
 		};
 		var shouldIncludeLog = function (fiber) {
-		    if (include(fiber.type, exports.NODE_TYPE.__class__ | exports.NODE_TYPE.__function__)) {
+		    if (include(fiber.type, exports$1.NODE_TYPE.__class__ | exports$1.NODE_TYPE.__function__)) {
 		        return true;
 		    }
 		    return false;
 		};
 		var getFiberTagName = function (fiber) {
 		    var tag = [];
-		    if (fiber.type & exports.NODE_TYPE.__memo__) {
+		    if (fiber.type & exports$1.NODE_TYPE.__memo__) {
 		        tag.push("memo");
 		    }
-		    if (fiber.type & exports.NODE_TYPE.__forwardRef__) {
+		    if (fiber.type & exports$1.NODE_TYPE.__forwardRef__) {
 		        tag.push("forwardRef");
 		    }
-		    if (fiber.type & exports.NODE_TYPE.__lazy__) {
+		    if (fiber.type & exports$1.NODE_TYPE.__lazy__) {
 		        tag.push("lazy");
 		    }
-		    if (fiber.type & exports.NODE_TYPE.__fragment__ && fiber.pendingProps["wrap"]) {
+		    if (fiber.type & exports$1.NODE_TYPE.__fragment__ && fiber.pendingProps["wrap"]) {
 		        tag.push("auto-wrap");
 		    }
 		    return tag.join("-");
 		};
 		var getPlainFiberName = function (fiber) {
 		    var typedFiber = fiber;
-		    if (fiber.type & exports.NODE_TYPE.__provider__) {
+		    if (fiber.type & exports$1.NODE_TYPE.__provider__) {
 		        var typedElementType = fiber.elementType;
 		        var name_2 = typedElementType.Context.displayName;
 		        return "".concat(name_2 || "Context", ".Provider");
 		    }
-		    if (fiber.type & exports.NODE_TYPE.__context__) {
+		    if (fiber.type & exports$1.NODE_TYPE.__context__) {
 		        var typedElementType = fiber.elementType;
 		        var name_3 = typedElementType.displayName;
 		        return "".concat(name_3 || "Context");
 		    }
-		    if (fiber.type & exports.NODE_TYPE.__consumer__) {
+		    if (fiber.type & exports$1.NODE_TYPE.__consumer__) {
 		        var typedElementType = fiber.elementType;
 		        var name_4 = typedElementType.Context.displayName;
 		        return "".concat(name_4 || "Context", ".Consumer");
 		    }
-		    if (fiber.type & exports.NODE_TYPE.__lazy__) {
+		    if (fiber.type & exports$1.NODE_TYPE.__lazy__) {
 		        var typedElementType = fiber.elementType;
 		        var typedRender = typedElementType === null || typedElementType === void 0 ? void 0 : typedElementType.render;
 		        var name_5 = (typedRender === null || typedRender === void 0 ? void 0 : typedRender.displayName) || (typedRender === null || typedRender === void 0 ? void 0 : typedRender.name) || "";
+		        var loader = typedElementType.loader;
+		        name_5 = loader["displayName"] || name_5;
 		        {
 		            var element = typedFiber._debugElement;
 		            // may be a Suspense element
@@ -1092,31 +1102,31 @@ function requireIndex_development () {
 		        }
 		        return "".concat(name_5 || "Anonymous");
 		    }
-		    if (fiber.type & exports.NODE_TYPE.__portal__)
+		    if (fiber.type & exports$1.NODE_TYPE.__portal__)
 		        return "Portal";
-		    if (fiber.type & exports.NODE_TYPE.__null__)
+		    if (fiber.type & exports$1.NODE_TYPE.__null__)
 		        return "Null";
-		    if (fiber.type & exports.NODE_TYPE.__empty__)
+		    if (fiber.type & exports$1.NODE_TYPE.__empty__)
 		        return "Empty";
-		    if (fiber.type & exports.NODE_TYPE.__scope__)
+		    if (fiber.type & exports$1.NODE_TYPE.__scope__)
 		        return "Scope";
-		    if (fiber.type & exports.NODE_TYPE.__scopeLazy__)
+		    if (fiber.type & exports$1.NODE_TYPE.__scopeLazy__)
 		        return "ScopeLazy";
-		    if (fiber.type & exports.NODE_TYPE.__scopeSuspense__)
+		    if (fiber.type & exports$1.NODE_TYPE.__scopeSuspense__)
 		        return "ScopeSuspense";
-		    if (fiber.type & exports.NODE_TYPE.__strict__)
+		    if (fiber.type & exports$1.NODE_TYPE.__strict__)
 		        return "Strict";
-		    if (fiber.type & exports.NODE_TYPE.__profiler__)
+		    if (fiber.type & exports$1.NODE_TYPE.__profiler__)
 		        return "Profiler";
-		    if (fiber.type & exports.NODE_TYPE.__suspense__)
+		    if (fiber.type & exports$1.NODE_TYPE.__suspense__)
 		        return "Suspense";
-		    if (fiber.type & exports.NODE_TYPE.__comment__)
+		    if (fiber.type & exports$1.NODE_TYPE.__comment__)
 		        return "Comment";
-		    if (fiber.type & exports.NODE_TYPE.__root__)
+		    if (fiber.type & exports$1.NODE_TYPE.__root__)
 		        return "Root";
-		    if (fiber.type & exports.NODE_TYPE.__fragment__)
+		    if (fiber.type & exports$1.NODE_TYPE.__fragment__)
 		        return "Fragment";
-		    if (fiber.type & exports.NODE_TYPE.__text__)
+		    if (fiber.type & exports$1.NODE_TYPE.__text__)
 		        return "text";
 		    if (typeof fiber.elementType === "string")
 		        return "".concat(fiber.elementType);
@@ -1181,7 +1191,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);
@@ -1235,10 +1245,10 @@ function requireIndex_development () {
 		    errorFiber = null;
 		};
 
-		var enableHMRForDev$1 = react.__my_react_shared__.enableHMRForDev;
+		var enableHMRForDev$1 = typeExports.__my_react_shared__.enableHMRForDev;
 		var emptyProps$1 = {};
 		var checkIsMyReactElement = function (element) {
-		    if (react.isValidElement(element)) {
+		    if (typeExports.isValidElement(element)) {
 		        var isMyReactElement = element._jsx || element._legacy;
 		        if (!isMyReactElement) {
 		            devWarn("[@my-react/react] look like current element is not a valid @my-react element %o", element);
@@ -1256,11 +1266,11 @@ 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);
 		    }
-		    if (react.isValidElement(element)) {
+		    if (typeExports.isValidElement(element)) {
 		        return getTypeFromElement(element);
 		    }
 		    else {
@@ -1268,17 +1278,17 @@ function requireIndex_development () {
 		            {
 		                devWarn("[@my-react/react] invalid object element type \"".concat(JSON.stringify(element), "\""));
 		            }
-		            nodeType = merge(nodeType, exports.NODE_TYPE.__empty__);
+		            nodeType = merge(nodeType, exports$1.NODE_TYPE.__empty__);
 		        }
 		        else if (element === null || element === undefined || typeof element === "boolean" || typeof element === "function" || element === "") {
-		            nodeType = merge(nodeType, exports.NODE_TYPE.__null__);
+		            nodeType = merge(nodeType, exports$1.NODE_TYPE.__null__);
 		        }
 		        else {
 		            // text element
 		            return {
 		                key: null,
 		                ref: null,
-		                nodeType: exports.NODE_TYPE.__text__,
+		                nodeType: exports$1.NODE_TYPE.__text__,
 		                elementType: String(element),
 		                pendingProps: emptyProps$1,
 		                finalElement: element,
@@ -1290,7 +1300,7 @@ function requireIndex_development () {
 		};
 		var getTypeFromElement = function (element) {
 		    var _a, _b, _c, _d, _e, _f, _g;
-		    var nodeType = exports.NODE_TYPE.__initial__;
+		    var nodeType = exports$1.NODE_TYPE.__initial__;
 		    var elementType = element.type;
 		    var finalElement = element;
 		    var pendingProps = element.props;
@@ -1307,108 +1317,108 @@ function requireIndex_development () {
 		        var typedElementType = elementType;
 		        switch (typedElementType[TYPEKEY]) {
 		            case Provider:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__provider__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__provider__);
 		                break;
 		            // support react 19 context api
 		            case Context:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__context__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__context__);
 		                break;
 		            case Consumer:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__consumer__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__consumer__);
 		                break;
 		            case Memo:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__memo__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__memo__);
 		                elementType = typedElementType.render;
 		                break;
 		            case ForwardRef:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__forwardRef__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__forwardRef__);
 		                elementType = typedElementType.render;
 		                break;
 		            case Lazy:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__lazy__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__lazy__);
 		                break;
 		            default:
 		                throw new Error("[@my-react/react] invalid object element type \"".concat((_e = typedElementType[TYPEKEY]) === null || _e === void 0 ? void 0 : _e.toString(), "\""));
 		        }
 		        if (typeof elementType === "object") {
 		            if (elementType[TYPEKEY] === ForwardRef) {
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__forwardRef__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__forwardRef__);
 		                elementType = elementType.render;
 		            }
 		            if (elementType[TYPEKEY] === Provider) {
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__provider__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__provider__);
 		            }
 		            if (elementType[TYPEKEY] === Context) {
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__context__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__context__);
 		            }
 		            if (elementType[TYPEKEY] === Consumer) {
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__consumer__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__consumer__);
 		            }
 		        }
 		        if (typeof elementType === "function") {
 		            if ((_f = elementType.prototype) === null || _f === void 0 ? void 0 : _f.isMyReactComponent) {
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__class__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__class__);
 		            }
 		            else {
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__function__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__function__);
 		            }
 		        }
 		    }
 		    else if (typeof elementType === "function") {
 		        if ((_g = elementType.prototype) === null || _g === void 0 ? void 0 : _g.isMyReactComponent) {
-		            nodeType = merge(nodeType, exports.NODE_TYPE.__class__);
+		            nodeType = merge(nodeType, exports$1.NODE_TYPE.__class__);
 		        }
 		        else {
-		            nodeType = merge(nodeType, exports.NODE_TYPE.__function__);
+		            nodeType = merge(nodeType, exports$1.NODE_TYPE.__function__);
 		        }
 		    }
 		    else if (typeof elementType === "symbol") {
 		        switch (elementType) {
 		            case Root:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__root__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__root__);
 		                break;
 		            case Fragment:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__fragment__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__fragment__);
 		                break;
 		            case Strict:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__strict__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__strict__);
 		                break;
 		            case Suspense:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__suspense__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__suspense__);
 		                break;
 		            case Scope:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__scope__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__scope__);
 		                break;
 		            case ScopeLazy:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__scopeLazy__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__scopeLazy__);
 		                break;
 		            case ScopeSuspense:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__scopeSuspense__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__scopeSuspense__);
 		                break;
 		            case Comment:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__comment__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__comment__);
 		                break;
 		            case Portal:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__portal__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__portal__);
 		                break;
 		            case Profiler:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__profiler__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__profiler__);
 		                break;
 		            case Activity:
-		                nodeType = merge(nodeType, exports.NODE_TYPE.__activity__);
+		                nodeType = merge(nodeType, exports$1.NODE_TYPE.__activity__);
 		                break;
 		            default:
 		                throw new Error("[@my-react/react] invalid symbol element type \"".concat(elementType === null || elementType === void 0 ? void 0 : elementType.toString(), "\""));
 		        }
 		    }
 		    else if (typeof elementType === "string" && elementType !== "") {
-		        nodeType = merge(nodeType, exports.NODE_TYPE.__plain__);
+		        nodeType = merge(nodeType, exports$1.NODE_TYPE.__plain__);
 		    }
 		    else {
 		        {
 		            devWarn("[@my-react/react] invalid element type \"".concat(elementType === null || elementType === void 0 ? void 0 : elementType.toString(), "\""));
 		        }
-		        nodeType = merge(nodeType, exports.NODE_TYPE.__empty__);
+		        nodeType = merge(nodeType, exports$1.NODE_TYPE.__empty__);
 		    }
 		    return { key: key, ref: ref, nodeType: nodeType, elementType: elementType, pendingProps: pendingProps, finalElement: finalElement };
 		};
@@ -1426,7 +1436,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);
@@ -1469,13 +1479,13 @@ function requireIndex_development () {
 		        var typeFromRefresh = getCurrentTypeFromRefreshOnly(elementType);
 		        // have a new version elementType from hmr runtime
 		        if (typeFromRefresh) {
-		            return react.createElement(typeFromRefresh, __assign(__assign({}, element.props), { key: (_a = element.key) !== null && _a !== void 0 ? _a : undefined, ref: (_b = element.ref) !== null && _b !== void 0 ? _b : undefined }));
+		            return typeExports.createElement(typeFromRefresh, __assign(__assign({}, element.props), { key: (_a = element.key) !== null && _a !== void 0 ? _a : undefined, ref: (_b = element.ref) !== null && _b !== void 0 ? _b : undefined }));
 		        }
 		    }
 		    return element;
 		};
 
-		var currentComponentFiber$5 = react.__my_react_internal__.currentComponentFiber;
+		var currentComponentFiber$5 = typeExports.__my_react_internal__.currentComponentFiber;
 		var initHMR = function (env) {
 		    {
 		        if (env["hmr"] || env["setRefreshHandler"] || env["currentComponentFiber"] || env["getCurrentFibersFromType"] || env["getCurrentDispatchFromType"]) {
@@ -1497,7 +1507,7 @@ function requireIndex_development () {
 		    }
 		};
 
-		var currentRunningFiber$3 = react.__my_react_internal__.currentRunningFiber, currentScheduler$f = react.__my_react_internal__.currentScheduler;
+		var currentRunningFiber$3 = typeExports.__my_react_internal__.currentRunningFiber, currentScheduler$f = typeExports.__my_react_internal__.currentScheduler;
 		var dispatchHook = function (params) {
 		    var fiber = currentRunningFiber$3.current;
 		    if (!fiber) {
@@ -1609,13 +1619,13 @@ function requireIndex_development () {
 		    scheduler.dispatchSuspensePromise = dispatchSuspensePromise;
 		};
 
-		var enableHMRForDev = react.__my_react_shared__.enableHMRForDev;
+		var enableHMRForDev = typeExports.__my_react_shared__.enableHMRForDev;
 		function checkIsSameType(p, element) {
 		    if (p instanceof MyReactFiberNode) {
 		        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 (typeExports.isValidElement(element)) {
+		                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));
 		                }
@@ -1635,10 +1645,10 @@ function requireIndex_development () {
 		        var existElementType = getTypeFromElementNode(p);
 		        var incomingElementType = getTypeFromElementNode(element);
 		        if (existElementType.nodeType === incomingElementType.nodeType) {
-		            if (react.isValidElement(element)) {
+		            if (typeExports.isValidElement(element)) {
 		                var typedExistElement = p;
 		                var typedIncomingElement = element;
-		                if (enableHMRForDev.current && include(existElementType.nodeType, exports.NODE_TYPE.__class__ | exports.NODE_TYPE.__function__)) {
+		                if (enableHMRForDev.current && include(existElementType.nodeType, exports$1.NODE_TYPE.__class__ | exports$1.NODE_TYPE.__function__)) {
 		                    return Object.is(getCurrentTypeFromRefresh(typedIncomingElement.type), getCurrentTypeFromRefresh(typedExistElement.type));
 		                }
 		                else {
@@ -1847,7 +1857,7 @@ function requireIndex_development () {
 		    var _a;
 		    var parent = fiber.parent;
 		    while (parent) {
-		        if (include(parent.type, exports.NODE_TYPE.__suspense__)) {
+		        if (include(parent.type, exports$1.NODE_TYPE.__suspense__)) {
 		            return (_a = parent.pendingProps) === null || _a === void 0 ? void 0 : _a["fallback"];
 		        }
 		        parent = parent.parent;
@@ -1857,7 +1867,7 @@ function requireIndex_development () {
 		var defaultResolveSuspenseFiber = function (fiber) {
 		    var parent = fiber.parent;
 		    while (parent) {
-		        if (include(parent.type, exports.NODE_TYPE.__suspense__)) {
+		        if (include(parent.type, exports$1.NODE_TYPE.__suspense__)) {
 		            return parent;
 		        }
 		        parent = parent.parent;
@@ -1866,14 +1876,14 @@ 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;
 		    }
 		};
 
-		var currentRunningFiber$2 = react.__my_react_internal__.currentRunningFiber;
+		var currentRunningFiber$2 = typeExports.__my_react_internal__.currentRunningFiber;
 		var mountToNextFiberFromRoot = function (renderDispatch, fiber) {
 		    if (include(fiber.state, STATE_TYPE.__unmount__) || renderDispatch.isAppCrashed)
 		        return null;
@@ -1999,8 +2009,8 @@ function requireIndex_development () {
 		    return null;
 		};
 
-		var enableSuspenseRoot$3 = react.__my_react_shared__.enableSuspenseRoot;
-		var currentScheduler$e = react.__my_react_internal__.currentScheduler;
+		var enableSuspenseRoot$3 = typeExports.__my_react_shared__.enableSuspenseRoot;
+		var currentScheduler$e = typeExports.__my_react_internal__.currentScheduler;
 		var mountLoopAllFromScheduler = function (renderDispatch) {
 		    while (renderDispatch.runtimeFiber.nextWorkingFiber) {
 		        renderDispatch.runtimeFiber.retriggerFiber = null;
@@ -2028,7 +2038,6 @@ function requireIndex_development () {
 		                            case 0:
 		                                node = renderDispatch.pendingSuspenseFiberArray.uniShift();
 		                                suspenseField = getInstanceFieldByInstance(node.instance);
-		                                renderDispatch.pendingSuspenseFiberArray.clear();
 		                                list = suspenseField.asyncLoadList.getAll();
 		                                return [4 /*yield*/, Promise.all(list.map(function (item) { return __awaiter(void 0, void 0, void 0, function () {
 		                                        var set;
@@ -2113,8 +2122,9 @@ function requireIndex_development () {
 		}); };
 		var processAsyncLoadListOnSyncMount = function (renderDispatch) {
 		    var _a;
-		    if ((_a = renderDispatch.pendingSuspenseFiberArray) === null || _a === void 0 ? void 0 : _a.length) {
+		    var _loop_2 = function () {
 		        var allPendingSuspenseFiberArray = renderDispatch.pendingSuspenseFiberArray.getAll();
+		        renderDispatch.pendingSuspenseFiberArray.clear();
 		        if (renderDispatch.enableAsyncLoad) {
 		            var allField_1 = [];
 		            allPendingSuspenseFiberArray.forEach(function (node) {
@@ -2125,7 +2135,9 @@ function requireIndex_development () {
 		                        return typeof item.status !== "string";
 		                    }
 		                    else {
-		                        return !item._loading && !item._loaded && !item._error;
+		                        // return !item._loading && !item._loaded && !item._error;
+		                        // return !item._loading;
+		                        return true;
 		                    }
 		                });
 		                if (allPendingLoadArray.length) {
@@ -2173,11 +2185,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);
@@ -2238,15 +2252,15 @@ function requireIndex_development () {
 		    }
 		};
 
-		var enableSuspenseRoot$2 = react.__my_react_shared__.enableSuspenseRoot;
-		var currentScheduler$d = react.__my_react_internal__.currentScheduler;
-		exports.updateTypeEnum = void 0;
+		var enableSuspenseRoot$2 = typeExports.__my_react_shared__.enableSuspenseRoot;
+		var currentScheduler$d = typeExports.__my_react_internal__.currentScheduler;
+		exports$1.updateTypeEnum = void 0;
 		(function (updateTypeEnum) {
 		    updateTypeEnum[updateTypeEnum["syncFromRoot"] = 0] = "syncFromRoot";
 		    updateTypeEnum[updateTypeEnum["syncFromTrigger"] = 1] = "syncFromTrigger";
 		    updateTypeEnum[updateTypeEnum["concurrentFromRoot"] = 2] = "concurrentFromRoot";
 		    updateTypeEnum[updateTypeEnum["concurrentFromTrigger"] = 3] = "concurrentFromTrigger";
-		})(exports.updateTypeEnum || (exports.updateTypeEnum = {}));
+		})(exports$1.updateTypeEnum || (exports$1.updateTypeEnum = {}));
 		var triggerFiberUpdateListener = function (renderDispatch, fiber) {
 		    safeCallWithCurrentFiber({
 		        fiber: fiber,
@@ -2287,8 +2301,9 @@ function requireIndex_development () {
 		};
 		var processAsyncLoadListOnUpdate = function (renderDispatch) {
 		    var _a;
-		    if ((_a = renderDispatch.pendingSuspenseFiberArray) === null || _a === void 0 ? void 0 : _a.length) {
+		    var _loop_1 = function () {
 		        var allPendingSuspenseFiberArray = renderDispatch.pendingSuspenseFiberArray.getAll();
+		        renderDispatch.pendingSuspenseFiberArray.clear();
 		        if (renderDispatch.enableAsyncLoad) {
 		            var allField_1 = [];
 		            allPendingSuspenseFiberArray.forEach(function (node) {
@@ -2299,7 +2314,9 @@ function requireIndex_development () {
 		                        return typeof item.status !== "string";
 		                    }
 		                    else {
-		                        return !item._loading && !item._loaded && !item._error;
+		                        // return !item._loading && !item._loaded && !item._error;
+		                        // return !item._loading;
+		                        return true;
 		                    }
 		                });
 		                if (allPendingLoadArray.length) {
@@ -2348,11 +2365,13 @@ function requireIndex_development () {
 		            // TODO use hide tree to improve
 		            mountLoopAll(renderDispatch, root);
 		            allField_1.forEach(function (field) { return (field.isHidden = false); });
-		            renderDispatch.pendingSuspenseFiberArray.clear();
 		        }
 		        else {
 		            throw new Error("[@my-react/reconciler] should not process async load list on sync mount without enableAsyncLoad, you may use a wrong renderDispatch instance");
 		        }
+		    };
+		    while ((_a = renderDispatch.pendingSuspenseFiberArray) === null || _a === void 0 ? void 0 : _a.length) {
+		        _loop_1();
 		    }
 		    // TODO update flow
 		    if (enableSuspenseRoot$2.current) {
@@ -2413,7 +2432,7 @@ function requireIndex_development () {
 		    return typeof instance.componentDidCatch === "function" || typeof Component.getDerivedStateFromError === "function";
 		};
 		var isErrorBoundariesComponent = function (fiber) {
-		    if (include(fiber.type, exports.NODE_TYPE.__class__) && include(fiber.state, STATE_TYPE.__stable__)) {
+		    if (include(fiber.type, exports$1.NODE_TYPE.__class__) && include(fiber.state, STATE_TYPE.__stable__)) {
 		        var Component = fiber.elementType;
 		        var typedComponent = Component;
 		        var typedInstance = fiber.instance;
@@ -2453,12 +2472,11 @@ function requireIndex_development () {
 		    return field;
 		};
 
-		/* eslint-disable max-lines */
-		var enableLegacyLifeCycle = react.__my_react_shared__.enableLegacyLifeCycle;
+		var enableLegacyLifeCycle = typeExports.__my_react_shared__.enableLegacyLifeCycle;
 		// eslint-disable-next-line @typescript-eslint/ban-ts-comment
 		// @ts-ignore
-		if (!Object.prototype.hasOwnProperty.call(react.Component.prototype, "_reactInternals")) {
-		    Object.defineProperty(react.Component.prototype, "_reactInternals", {
+		if (!Object.prototype.hasOwnProperty.call(typeExports.Component.prototype, "_reactInternals")) {
+		    Object.defineProperty(typeExports.Component.prototype, "_reactInternals", {
 		        get: function () {
 		            return getInstanceOwnerFiber(this);
 		        },
@@ -2541,7 +2559,7 @@ function requireIndex_development () {
 		var processComponentDidMountOnMount = function (renderDispatch, fiber) {
 		    var typedInstance = fiber.instance;
 		    var effect = getInstanceEffectState(typedInstance);
-		    if (exclude(effect, Effect_TYPE.__effect__)) {
+		    if (typeof effect === "number" && exclude(effect, Effect_TYPE.__effect__)) {
 		        setEffectForInstance(typedInstance, Effect_TYPE.__effect__);
 		        renderDispatch.pendingLayoutEffect(fiber, function invokeComponentDidMountOnInstance() {
 		            var _a;
@@ -2610,7 +2628,7 @@ function requireIndex_development () {
 		    var baseState = _a.baseState, baseProps = _a.baseProps, snapshot = _a.snapshot;
 		    var typedInstance = fiber.instance;
 		    var effect = getInstanceEffectState(typedInstance);
-		    if (typedInstance.componentDidUpdate && exclude(effect, Effect_TYPE.__effect__)) {
+		    if (typedInstance.componentDidUpdate && typeof effect === "number" && exclude(effect, Effect_TYPE.__effect__)) {
 		        setEffectForInstance(typedInstance, Effect_TYPE.__effect__);
 		        renderDispatch.pendingLayoutEffect(fiber, function invokeComponentDidUpdateOnInstance() {
 		            var _a;
@@ -2762,7 +2780,7 @@ function requireIndex_development () {
 		    var nextContext = processComponentContextOnUpdate(renderDispatch, fiber);
 		    var shouldUpdate = Boolean(include(fiber.state, STATE_TYPE.__triggerSyncForce__ | STATE_TYPE.__triggerConcurrentForce__));
 		    if (!shouldUpdate) {
-		        shouldUpdate = processComponentShouldUpdateOnUpdate(fiber, {
+		        shouldUpdate = !!processComponentShouldUpdateOnUpdate(fiber, {
 		            nextState: nextState,
 		            nextProps: nextProps,
 		            nextContext: nextContext,
@@ -2821,13 +2839,13 @@ function requireIndex_development () {
 		};
 
 		/* eslint-disable max-lines */
-		var enableDebugFiled$8 = react.__my_react_shared__.enableDebugFiled;
-		var currentScheduler$c = react.__my_react_internal__.currentScheduler;
+		var enableDebugFiled$a = typeExports.__my_react_shared__.enableDebugFiled;
+		var currentScheduler$c = typeExports.__my_react_internal__.currentScheduler;
 		// TODO 整合
 		var processClassComponentUpdateQueueLatest = function (renderDispatch, fiber, enableTaskPriority) {
 		    if (include(fiber.state, STATE_TYPE.__unmount__))
 		        return;
-		    if (exclude(fiber.type, exports.NODE_TYPE.__class__))
+		    if (exclude(fiber.type, exports$1.NODE_TYPE.__class__))
 		        throw new Error("[@my-react/react] current fiber is not a class component, look like a bug for @my-react");
 		    var renderScheduler = currentScheduler$c.current;
 		    var allQueue = fiber.updateQueue;
@@ -2844,7 +2862,7 @@ function requireIndex_development () {
 		    var baseState = Object.assign({}, fiber.pendingState);
 		    var baseProps = Object.assign({}, typedInstance.props);
 		    var pendingState = Object.assign({}, fiber.pendingState);
-		    if (enableDebugFiled$8.current && enableDebugUpdateQueue.current) {
+		    if (enableDebugFiled$a.current && enableDebugUpdateQueue.current) {
 		        typedFiber._debugLatestUpdateQueue = new ListTree();
 		    }
 		    if (enableTaskPriority && allQueue.some(function (l) { return l.isSync; })) {
@@ -2872,7 +2890,7 @@ function requireIndex_development () {
 		                isImmediate = isImmediate || updater.isImmediate;
 		                isRetrigger = isRetrigger || updater.isRetrigger;
 		                updater.callback && callbacks.push(updater.callback);
-		                if (enableDebugFiled$8.current) {
+		                if (enableDebugFiled$a.current) {
 		                    var typedNode = updater;
 		                    typedNode._debugRunTime = Date.now();
 		                    typedNode._debugBeforeValue = pendingState;
@@ -2893,7 +2911,7 @@ function requireIndex_development () {
 		                isImmediate = isImmediate || updater.isImmediate;
 		                isRetrigger = isRetrigger || updater.isRetrigger;
 		                updater.callback && callbacks.push(updater.callback);
-		                if (enableDebugFiled$8.current) {
+		                if (enableDebugFiled$a.current) {
 		                    var typedNode = updater;
 		                    typedNode._debugRunTime = Date.now();
 		                    typedNode._debugBeforeValue = pendingState;
@@ -2955,7 +2973,7 @@ function requireIndex_development () {
 		                isImmediate = isImmediate || updater.isImmediate;
 		                isRetrigger = isRetrigger || updater.isRetrigger;
 		                updater.callback && callbacks.push(updater.callback);
-		                if (enableDebugFiled$8.current) {
+		                if (enableDebugFiled$a.current) {
 		                    var typedNode = updater;
 		                    typedNode._debugRunTime = Date.now();
 		                    typedNode._debugBeforeValue = pendingState;
@@ -2976,7 +2994,7 @@ function requireIndex_development () {
 		                isImmediate = isImmediate || updater.isImmediate;
 		                isRetrigger = isRetrigger || updater.isRetrigger;
 		                updater.callback && callbacks.push(updater.callback);
-		                if (enableDebugFiled$8.current) {
+		                if (enableDebugFiled$a.current) {
 		                    var typedNode = updater;
 		                    typedNode._debugRunTime = Date.now();
 		                    typedNode._debugBeforeValue = pendingState;
@@ -3013,7 +3031,7 @@ function requireIndex_development () {
 		var processClassComponentUpdateQueueLegacy = function (renderDispatch, fiber) {
 		    if (include(fiber.state, STATE_TYPE.__unmount__))
 		        return;
-		    if (exclude(fiber.type, exports.NODE_TYPE.__class__))
+		    if (exclude(fiber.type, exports$1.NODE_TYPE.__class__))
 		        throw new Error("[@my-react/react] current fiber is not a class component, look like a bug for @my-react");
 		    var renderScheduler = currentScheduler$c.current;
 		    var allQueue = fiber.updateQueue;
@@ -3030,7 +3048,7 @@ function requireIndex_development () {
 		    var baseState = Object.assign({}, fiber.pendingState);
 		    var baseProps = Object.assign({}, typedInstance.props);
 		    var pendingState = Object.assign({}, fiber.pendingState);
-		    if (enableDebugFiled$8.current && enableDebugUpdateQueue.current) {
+		    if (enableDebugFiled$a.current && enableDebugUpdateQueue.current) {
 		        typedFiber._debugLatestUpdateQueue = new ListTree();
 		    }
 		    if (node) {
@@ -3055,7 +3073,7 @@ function requireIndex_development () {
 		            isImmediate = isImmediate || updater.isImmediate;
 		            isRetrigger = isRetrigger || updater.isRetrigger;
 		            updater.callback && callbacks.push(updater.callback);
-		            if (enableDebugFiled$8.current) {
+		            if (enableDebugFiled$a.current) {
 		                var typedNode = updater;
 		                typedNode._debugRunTime = Date.now();
 		                typedNode._debugBeforeValue = pendingState;
@@ -3076,7 +3094,7 @@ function requireIndex_development () {
 		            isImmediate = isImmediate || updater.isImmediate;
 		            isRetrigger = isRetrigger || updater.isRetrigger;
 		            updater.callback && callbacks.push(updater.callback);
-		            if (enableDebugFiled$8.current) {
+		            if (enableDebugFiled$a.current) {
 		                var typedNode = updater;
 		                typedNode._debugRunTime = Date.now();
 		                typedNode._debugBeforeValue = pendingState;
@@ -3114,7 +3132,7 @@ function requireIndex_development () {
 		    var _a, _b;
 		    if (include(fiber.state, STATE_TYPE.__unmount__))
 		        return;
-		    if (exclude(fiber.type, exports.NODE_TYPE.__function__)) {
+		    if (exclude(fiber.type, exports$1.NODE_TYPE.__function__)) {
 		        throw new Error("[@my-react/react] current fiber is not a function component, look like a bug for @my-react");
 		    }
 		    var renderScheduler = currentScheduler$c.current;
@@ -3128,7 +3146,7 @@ function requireIndex_development () {
 		    var isRetrigger = false;
 		    var processedNodes = [];
 		    var callbacks = [];
-		    if (enableDebugFiled$8.current && enableDebugUpdateQueue.current) {
+		    if (enableDebugFiled$a.current && enableDebugUpdateQueue.current) {
 		        typedFiber._debugLatestUpdateQueue = new ListTree();
 		    }
 		    if (enableTaskPriority && allQueue.some(function (l) { return l.isSync; })) {
@@ -3170,7 +3188,7 @@ function requireIndex_development () {
 		                updater.callback && callbacks.push(updater.callback);
 		                if (!needUpdate && (isForce || hasError_1 || callbacks.length || !Object.is(lastResult_1, typedTrigger_1.result)))
 		                    needUpdate = true;
-		                if (enableDebugFiled$8.current) {
+		                if (enableDebugFiled$a.current) {
 		                    var typedNode = updater;
 		                    typedNode._debugRunTime = Date.now();
 		                    typedNode._debugBeforeValue = lastResult_1;
@@ -3194,7 +3212,7 @@ function requireIndex_development () {
 		                isRetrigger = isRetrigger || updater.isRetrigger;
 		                updater.callback && callbacks.push(updater.callback);
 		                needUpdate = true;
-		                if (enableDebugFiled$8.current) {
+		                if (enableDebugFiled$a.current) {
 		                    var typedNode = updater;
 		                    typedNode._debugRunTime = Date.now();
 		                    typedNode._debugBeforeValue = undefined;
@@ -3270,7 +3288,7 @@ function requireIndex_development () {
 		                updater.callback && callbacks.push(updater.callback);
 		                if (!needUpdate && (isForce || hasError_2 || callbacks.length || !Object.is(lastResult_2, typedTrigger_2.result)))
 		                    needUpdate = true;
-		                if (enableDebugFiled$8.current) {
+		                if (enableDebugFiled$a.current) {
 		                    var typedNode = updater;
 		                    typedNode._debugRunTime = Date.now();
 		                    typedNode._debugBeforeValue = lastResult_2;
@@ -3294,7 +3312,7 @@ function requireIndex_development () {
 		                isRetrigger = isRetrigger || updater.isRetrigger;
 		                updater.callback && callbacks.push(updater.callback);
 		                needUpdate = true;
-		                if (enableDebugFiled$8.current) {
+		                if (enableDebugFiled$a.current) {
 		                    var typedNode = updater;
 		                    typedNode._debugRunTime = Date.now();
 		                    typedNode._debugBeforeValue = undefined;
@@ -3331,7 +3349,7 @@ function requireIndex_development () {
 		    var _a;
 		    if (include(fiber.state, STATE_TYPE.__unmount__))
 		        return;
-		    if (exclude(fiber.type, exports.NODE_TYPE.__function__)) {
+		    if (exclude(fiber.type, exports$1.NODE_TYPE.__function__)) {
 		        throw new Error("[@my-react/react] current fiber is not a function component, look like a bug for @my-react");
 		    }
 		    var renderScheduler = currentScheduler$c.current;
@@ -3345,7 +3363,7 @@ function requireIndex_development () {
 		    var isRetrigger = false;
 		    var processedNodes = [];
 		    var callbacks = [];
-		    if (enableDebugFiled$8.current && enableDebugUpdateQueue.current) {
+		    if (enableDebugFiled$a.current && enableDebugUpdateQueue.current) {
 		        typedFiber._debugLatestUpdateQueue = new ListTree();
 		    }
 		    if (node) {
@@ -3385,7 +3403,7 @@ function requireIndex_development () {
 		            updater.callback && callbacks.push(updater.callback);
 		            if (!needUpdate && (isForce || hasError_3 || callbacks.length || !Object.is(lastResult_3, typedTrigger_3.result)))
 		                needUpdate = true;
-		            if (enableDebugFiled$8.current) {
+		            if (enableDebugFiled$a.current) {
 		                var typedNode = updater;
 		                typedNode._debugRunTime = Date.now();
 		                typedNode._debugBeforeValue = lastResult_3;
@@ -3409,7 +3427,7 @@ function requireIndex_development () {
 		            isRetrigger = isRetrigger || updater.isRetrigger;
 		            updater.callback && callbacks.push(updater.callback);
 		            needUpdate = true;
-		            if (enableDebugFiled$8.current) {
+		            if (enableDebugFiled$a.current) {
 		                var typedNode = updater;
 		                typedNode._debugRunTime = Date.now();
 		                typedNode._debugBeforeValue = undefined;
@@ -3455,7 +3473,7 @@ function requireIndex_development () {
 		    var isRetrigger = false;
 		    var processedNodes = [];
 		    var callbacks = [];
-		    if (enableDebugFiled$8.current && enableDebugUpdateQueue.current) {
+		    if (enableDebugFiled$a.current && enableDebugUpdateQueue.current) {
 		        typedFiber._debugLatestUpdateQueue = new ListTree();
 		    }
 		    while (node) {
@@ -3469,7 +3487,7 @@ function requireIndex_development () {
 		        isImmediate = isImmediate || updater.isImmediate;
 		        isRetrigger = isRetrigger || updater.isRetrigger;
 		        updater.callback && callbacks.push(updater.callback);
-		        if (enableDebugFiled$8.current) {
+		        if (enableDebugFiled$a.current) {
 		            var typedNode = updater;
 		            typedNode._debugRunTime = Date.now();
 		            typedNode._debugBeforeValue = undefined;
@@ -3511,7 +3529,7 @@ function requireIndex_development () {
 		    var isRetrigger = false;
 		    var processedNodes = [];
 		    var callbacks = [];
-		    if (enableDebugFiled$8.current && enableDebugUpdateQueue.current) {
+		    if (enableDebugFiled$a.current && enableDebugUpdateQueue.current) {
 		        typedFiber._debugLatestUpdateQueue = new ListTree();
 		    }
 		    if (node) {
@@ -3524,7 +3542,7 @@ function requireIndex_development () {
 		        isImmediate = isImmediate || updater.isImmediate;
 		        isRetrigger = isRetrigger || updater.isRetrigger;
 		        updater.callback && callbacks.push(updater.callback);
-		        if (enableDebugFiled$8.current) {
+		        if (enableDebugFiled$a.current) {
 		            var typedNode = updater;
 		            typedNode._debugRunTime = Date.now();
 		            typedNode._debugBeforeValue = undefined;
@@ -3574,14 +3592,14 @@ function requireIndex_development () {
 		    syncComponentStateToFiber(fiber);
 		};
 
-		var currentComponentFiber$4 = react.__my_react_internal__.currentComponentFiber, currentRunningFiber$1 = react.__my_react_internal__.currentRunningFiber;
-		var enableDebugFiled$7 = react.__my_react_shared__.enableDebugFiled;
+		var currentComponentFiber$4 = typeExports.__my_react_internal__.currentComponentFiber, currentRunningFiber$1 = typeExports.__my_react_internal__.currentRunningFiber;
+		var enableDebugFiled$9 = typeExports.__my_react_shared__.enableDebugFiled;
 		var MAX_UPDATE_COUNT = 25;
 		var lastRenderComponentFiber = null;
 		var lastRenderComponentTimeStep = null;
 		var renderCount = 0;
 		var processState = function (renderDispatch, _params) {
-		    if (enableDebugFiled$7.current) {
+		    if (enableDebugFiled$9.current) {
 		        var typedUpdateQueue = _params;
 		        typedUpdateQueue._debugCreateTime = Date.now();
 		        typedUpdateQueue._debugType = UpdateQueueType[_params.type];
@@ -3605,7 +3623,7 @@ function requireIndex_development () {
 		    if (_params.type === UpdateQueueType.component) {
 		        if (!ownerFiber || include(ownerFiber.state, STATE_TYPE.__unmount__))
 		            return;
-		        if (!exports.syncFlush && currentComponentFiber$4.current) {
+		        if (!exports$1.syncFlush && currentComponentFiber$4.current) {
 		            var currentRFiber = currentRunningFiber$1.current;
 		            var currentCFiber = currentComponentFiber$4.current;
 		            var now = Date.now();
@@ -3624,12 +3642,10 @@ function requireIndex_development () {
 		                renderCount = 0;
 		                throw new Error("[@my-react/react] look like there are infinity update for current component ".concat(currentComponentFiber$4.current && getElementName(currentComponentFiber$4.current)));
 		            }
-		            else if (!isErrorBoundariesComponent(ownerFiber)) {
+		            else if (enableLogForCurrentFlowIsRunning.current && !isErrorBoundariesComponent(ownerFiber)) {
 		                var triggeredElementName = getElementName(ownerFiber);
 		                var currentElementName = getElementName(currentCFiber);
-		                if (enableLogForCurrentFlowIsRunning.current) {
-		                    onceWarnWithKeyAndFiber(currentRFiber, "updateWhenCurrentFlowIsRunning-".concat(triggeredElementName), "[@my-react/react] trigger an update for ".concat(triggeredElementName, " when current update flow is running, this is a unexpected behavior, please make sure current render function for ").concat(currentElementName, " is a pure function"));
-		                }
+		                onceWarnWithKeyAndFiber(currentRFiber, "updateWhenCurrentFlowIsRunning-".concat(triggeredElementName), "[@my-react/react] trigger an update for ".concat(triggeredElementName, " when current update flow is running, this is a unexpected behavior, please make sure current render function for ").concat(currentElementName, " is a pure function"));
 		            }
 		            lastRenderComponentFiber = currentCFiber;
 		            lastRenderComponentTimeStep = now;
@@ -3648,7 +3664,7 @@ function requireIndex_development () {
 		    else if (_params.type === UpdateQueueType.hook) {
 		        if (!ownerFiber || include(ownerFiber === null || ownerFiber === void 0 ? void 0 : ownerFiber.state, STATE_TYPE.__unmount__))
 		            return;
-		        if (!exports.syncFlush && currentComponentFiber$4.current) {
+		        if (!exports$1.syncFlush && currentComponentFiber$4.current) {
 		            var currentRFiber = currentRunningFiber$1.current;
 		            var currentCFiber = currentComponentFiber$4.current;
 		            var now = Date.now();
@@ -3667,12 +3683,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;
@@ -3760,11 +3774,11 @@ function requireIndex_development () {
 		    renderDispatch.isAppUnmounted = true;
 		};
 
-		var globalLoop$3 = react.__my_react_internal__.globalLoop, currentScheduler$b = react.__my_react_internal__.currentScheduler, currentError = react.__my_react_internal__.currentError;
+		var globalLoop$3 = typeExports.__my_react_internal__.globalLoop, currentScheduler$b = typeExports.__my_react_internal__.currentScheduler, currentError = typeExports.__my_react_internal__.currentError;
 		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 });
 		        });
@@ -3914,7 +3928,7 @@ function requireIndex_development () {
 		    }
 		};
 
-		var globalLoop$2 = react.__my_react_internal__.globalLoop, currentScheduler$a = react.__my_react_internal__.currentScheduler;
+		var globalLoop$2 = typeExports.__my_react_internal__.globalLoop, currentScheduler$a = typeExports.__my_react_internal__.currentScheduler;
 		var clearLatestUpdateQueue = function (fiber) {
 		    var _a;
 		    var typedFiber = fiber;
@@ -3991,7 +4005,7 @@ function requireIndex_development () {
 		    }
 		};
 		var scheduleUpdate = function (renderDispatch) {
-		    react.__my_react_internal__.recentlyCreatedOwnerStacks.current = 0;
+		    typeExports.__my_react_internal__.recentlyCreatedOwnerStacks.current = 0;
 		    if (renderDispatch.isAppUnmounted) {
 		        scheduleOther(renderDispatch);
 		        return;
@@ -3999,8 +4013,8 @@ function requireIndex_development () {
 		    scheduleUpdateFromRoot(renderDispatch);
 		};
 
-		var globalLoop$1 = react.__my_react_internal__.globalLoop, currentScheduler$9 = react.__my_react_internal__.currentScheduler;
-		var enableScopeTreeLog$3 = react.__my_react_shared__.enableScopeTreeLog;
+		var globalLoop$1 = typeExports.__my_react_internal__.globalLoop, currentScheduler$9 = typeExports.__my_react_internal__.currentScheduler;
+		var enableScopeTreeLog$3 = typeExports.__my_react_shared__.enableScopeTreeLog;
 		function finishUpdateSyncFromRoot(renderDispatch) {
 		    var commitList = renderDispatch.pendingCommitFiberList;
 		    renderDispatch.resetUpdateFlowRuntimeFiber();
@@ -4141,8 +4155,8 @@ function requireIndex_development () {
 		    }
 		};
 
-		var MyReactInternalInstance$4 = react.__my_react_internal__.MyReactInternalInstance, currentScheduler$8 = react.__my_react_internal__.currentScheduler;
-		var enableSyncFlush = react.__my_react_shared__.enableSyncFlush;
+		var MyReactInternalInstance$4 = typeExports.__my_react_internal__.MyReactInternalInstance, currentScheduler$8 = typeExports.__my_react_internal__.currentScheduler;
+		var enableSyncFlush = typeExports.__my_react_shared__.enableSyncFlush;
 		var defaultPayLoad = function (a) { return a; };
 		var MyReactHookNode = /** @class */ (function (_super) {
 		    __extends(MyReactHookNode, _super);
@@ -4180,7 +4194,7 @@ function requireIndex_development () {
 		    };
 		};
 
-		var currentComponentFiber$3 = react.__my_react_internal__.currentComponentFiber;
+		var currentComponentFiber$3 = typeExports.__my_react_internal__.currentComponentFiber;
 		var MyReactSignal = /** @class */ (function () {
 		    function MyReactSignal(_rawValue, _renderDispatch) {
 		        var _this = this;
@@ -4206,8 +4220,8 @@ function requireIndex_development () {
 		    return MyReactSignal;
 		}());
 
-		var enableDebugLog$1 = react.__my_react_shared__.enableDebugLog, enableDebugFiled$6 = react.__my_react_shared__.enableDebugFiled;
-		var currentHookTreeNode$2 = react.__my_react_internal__.currentHookTreeNode, currentHookNodeIndex$2 = react.__my_react_internal__.currentHookNodeIndex;
+		var enableDebugLog$1 = typeExports.__my_react_shared__.enableDebugLog, enableDebugFiled$8 = typeExports.__my_react_shared__.enableDebugFiled;
+		var currentHookTreeNode$2 = typeExports.__my_react_internal__.currentHookTreeNode, currentHookNodeIndex$2 = typeExports.__my_react_internal__.currentHookNodeIndex;
 		var defaultReducer = function (state, action) {
 		    return typeof action === "function" ? action(state) : action;
 		};
@@ -4223,8 +4237,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");
@@ -4351,17 +4366,17 @@ function requireIndex_development () {
 		            value: false,
 		            start: function startTransitionByHook(cb) {
 		                var loadingCallback = function (cb) {
-		                    react.startTransition(function () {
+		                    typeExports.startTransition(function () {
 		                        hookNode._update({ isForce: true, isSync: true, callback: cb, payLoad: function (last) { return ({ value: true, start: last.start }); } });
 		                    });
 		                };
 		                var loadedCallback = function () {
-		                    react.startTransition(function () {
+		                    typeExports.startTransition(function () {
 		                        hookNode._update({ isForce: true, isSync: true, payLoad: function (last) { return ({ value: false, start: last.start }); } });
 		                    });
 		                };
 		                var taskCallback = function () {
-		                    react.startTransition(function () {
+		                    typeExports.startTransition(function () {
 		                        safeCallWithCurrentFiber({ fiber: fiber, action: cb });
 		                        loadedCallback();
 		                    });
@@ -4383,7 +4398,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]);
@@ -4453,8 +4468,8 @@ function requireIndex_development () {
 		    }
 		};
 
-		var enableDebugLog = react.__my_react_shared__.enableDebugLog;
-		var currentHookTreeNode$1 = react.__my_react_internal__.currentHookTreeNode, currentScheduler$7 = react.__my_react_internal__.currentScheduler;
+		var enableDebugLog = typeExports.__my_react_shared__.enableDebugLog;
+		var currentHookTreeNode$1 = typeExports.__my_react_internal__.currentHookTreeNode, currentScheduler$7 = typeExports.__my_react_internal__.currentScheduler;
 		var updateHookNode = function (renderDispatch, _a, fiber, isHMR) {
 		    var _b, _c, _d;
 		    var type = _a.type, value = _a.value, reducer = _a.reducer, deps = _a.deps;
@@ -4671,7 +4686,7 @@ function requireIndex_development () {
 		    });
 		};
 
-		var enableDebugFiled$5 = react.__my_react_shared__.enableDebugFiled;
+		var enableDebugFiled$7 = typeExports.__my_react_shared__.enableDebugFiled;
 		var clearFiberNode = function (renderDispatch, fiber) {
 		    hookListUnmount(renderDispatch, fiber);
 		    processClassComponentUnmount(renderDispatch, fiber);
@@ -4680,13 +4695,13 @@ 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 = [];
 		    }
 		};
 
-		var currentScheduler$6 = react.__my_react_internal__.currentScheduler;
+		var currentScheduler$6 = typeExports.__my_react_internal__.currentScheduler;
 		var hmr = function (fiber, nextType, forceRefresh) {
 		    {
 		        if (include(fiber.state, STATE_TYPE.__unmount__))
@@ -4698,7 +4713,7 @@ function requireIndex_development () {
 		                var _a, _b;
 		                // keep the type
 		                var nodeType = fiber.type;
-		                var element = react.createElement(nextType, __assign(__assign({}, fiber.pendingProps), { key: (_a = fiber.key) !== null && _a !== void 0 ? _a : undefined, ref: (_b = fiber.ref) !== null && _b !== void 0 ? _b : undefined }));
+		                var element = typeExports.createElement(nextType, __assign(__assign({}, fiber.pendingProps), { key: (_a = fiber.key) !== null && _a !== void 0 ? _a : undefined, ref: (_b = fiber.ref) !== null && _b !== void 0 ? _b : undefined }));
 		                fiber._installElement(element);
 		                fiber.type = nodeType;
 		            },
@@ -4751,15 +4766,15 @@ function requireIndex_development () {
 		        fiber.constructor.prototype.isMyReactFiberNode);
 		};
 
-		var currentScheduler$5 = react.__my_react_internal__.currentScheduler;
+		var currentScheduler$5 = typeExports.__my_react_internal__.currentScheduler;
 		var processUpdateOnFiber = function (renderDispatch, fiber, _isImmediate, _isRetrigger) {
 		    var renderScheduler = currentScheduler$5.current;
 		    var flag = renderDispatch.enableConcurrentMode;
 		    var updateState = null;
-		    if (include(fiber.type, exports.NODE_TYPE.__class__)) {
+		    if (include(fiber.type, exports$1.NODE_TYPE.__class__)) {
 		        updateState = flag ? processClassComponentUpdateQueueLatest(renderDispatch, fiber, flag) : processClassComponentUpdateQueueLegacy(renderDispatch, fiber);
 		    }
-		    else if (include(fiber.type, exports.NODE_TYPE.__function__)) {
+		    else if (include(fiber.type, exports$1.NODE_TYPE.__function__)) {
 		        updateState = flag
 		            ? processFunctionComponentUpdateQueueLatest(renderDispatch, fiber, flag)
 		            : processFunctionComponentUpdateQueueLegacy(renderDispatch, fiber);
@@ -4845,7 +4860,7 @@ function requireIndex_development () {
 		    function MyReactFiberNode(element) {
 		        this.state = STATE_TYPE.__initial__;
 		        this.patch = PATCH_TYPE.__initial__;
-		        this.type = exports.NODE_TYPE.__initial__;
+		        this.type = exports$1.NODE_TYPE.__initial__;
 		        this.child = null;
 		        this.parent = null;
 		        this.sibling = null;
@@ -4860,7 +4875,7 @@ function requireIndex_development () {
 		        this.key = key;
 		        this.type = nodeType;
 		        this.elementType = elementType;
-		        if (include(nodeType, exports.NODE_TYPE.__function__)) {
+		        if (include(nodeType, exports$1.NODE_TYPE.__function__)) {
 		            this.elementRawType = element === null || element === void 0 ? void 0 : element.type;
 		        }
 		        this.pendingProps = pendingProps;
@@ -4968,7 +4983,7 @@ function requireIndex_development () {
 		    var nextProps = fiber.pendingProps;
 		    var nextRef = fiber.ref;
 		    if (prevElementType !== nextElementType || prevProps !== nextProps) {
-		        if (include(fiber.type, exports.NODE_TYPE.__memo__)) {
+		        if (include(fiber.type, exports$1.NODE_TYPE.__memo__)) {
 		            var typedElement = nextElement;
 		            var typedElementType = typedElement.type;
 		            var compare = typedElementType.compare || isNormalEquals;
@@ -4987,12 +5002,12 @@ function requireIndex_development () {
 		        }
 		    }
 		    if (fiber.state !== STATE_TYPE.__stable__) {
-		        if (include(fiber.type, exports.NODE_TYPE.__plain__)) {
+		        if (include(fiber.type, exports$1.NODE_TYPE.__plain__)) {
 		            if (!isNormalEquals(fiber.pendingProps, fiber.memoizedProps, function (key) { return key === "children"; })) {
 		                renderDispatch.pendingUpdate(fiber);
 		            }
 		        }
-		        if (include(fiber.type, exports.NODE_TYPE.__text__)) {
+		        if (include(fiber.type, exports$1.NODE_TYPE.__text__)) {
 		            renderDispatch.pendingUpdate(fiber);
 		        }
 		    }
@@ -5034,7 +5049,7 @@ function requireIndex_development () {
 		    return fiber;
 		};
 
-		var enableDebugFiled$4 = react.__my_react_shared__.enableDebugFiled;
+		var enableDebugFiled$6 = typeExports.__my_react_shared__.enableDebugFiled;
 		var unmountFiberNode = function (renderDispatch, fiber) {
 		    if (include(fiber.state, STATE_TYPE.__unmount__))
 		        return;
@@ -5083,7 +5098,7 @@ function requireIndex_development () {
 		    }
 		    fiber.patch = PATCH_TYPE.__initial__;
 		    fiber.state = STATE_TYPE.__unmount__;
-		    if (enableDebugFiled$4.current) {
+		    if (enableDebugFiled$6.current) {
 		        var typedFiber = fiber;
 		        typedFiber._debugIsMount = false;
 		        delete typedFiber._debugStrict;
@@ -5092,7 +5107,7 @@ function requireIndex_development () {
 		    }
 		};
 
-		var enableDebugFiled$3 = react.__my_react_shared__.enableDebugFiled;
+		var enableDebugFiled$5 = typeExports.__my_react_shared__.enableDebugFiled;
 		var getIsSameTypeNode = function (newChild, draftFiber) {
 		    if (!draftFiber)
 		        return false;
@@ -5118,12 +5133,12 @@ function requireIndex_development () {
 		var dynamicFragmentProps = { wrap: true };
 		var createFragmentWithInitial = function (renderDispatch, newChild, parentFiber) {
 		    // TODO make there are not a element
-		    var newElement = react.createElement(Fragment, dynamicFragmentProps, newChild);
+		    var newElement = typeExports.createElement(Fragment, dynamicFragmentProps, newChild);
 		    var newFiber = createFiberNode(renderDispatch, { parent: parentFiber }, newElement);
 		    return newFiber;
 		};
 		var createFragmentWithUpdate = function (renderDispatch, newChild, parentFiber) {
-		    var newElement = react.createElement(Fragment, dynamicFragmentProps, newChild);
+		    var newElement = typeExports.createElement(Fragment, dynamicFragmentProps, newChild);
 		    var newFiber = createFiberNode(renderDispatch, { parent: parentFiber, type: "position" }, newElement);
 		    return newFiber;
 		};
@@ -5145,8 +5160,8 @@ 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__)) {
-		            var newElement = react.createElement(Fragment, dynamicFragmentProps, newChild);
+		        if (include(draftFiber_1 === null || draftFiber_1 === void 0 ? void 0 : draftFiber_1.type, exports$1.NODE_TYPE.__fragment__)) {
+		            var newElement = typeExports.createElement(Fragment, dynamicFragmentProps, newChild);
 		            return updateFiberNode(renderDispatch, { fiber: draftFiber_1, parent: parentFiber, prevFiber: prevFiberChild }, newElement);
 		        }
 		        else {
@@ -5154,7 +5169,7 @@ function requireIndex_development () {
 		            return createFragmentWithUpdate(renderDispatch, newChild, parentFiber);
 		        }
 		    }
-		    var keyToGet = react.isValidElement(newChild) && typeof newChild.key === "string" ? newChild.key : index;
+		    var keyToGet = typeExports.isValidElement(newChild) && typeof newChild.key === "string" ? newChild.key : index;
 		    var draftList = existingChildren.get(keyToGet);
 		    var draftFiber = draftList === null || draftList === void 0 ? void 0 : draftList.shift();
 		    if (draftList && !draftList.length) {
@@ -5191,7 +5206,7 @@ function requireIndex_development () {
 		        var _a = getExistingChildren(parentFiber), existingChildrenMap = _a.existingChildrenMap, existingChildrenArray = _a.existingChildrenArray;
 		        parentFiber.child = null;
 		        var typedParentFiber = parentFiber;
-		        if (enableDebugFiled$3.current) {
+		        if (enableDebugFiled$5.current) {
 		            typedParentFiber._debugRenderChildrenCurrent && (typedParentFiber._debugRenderChildrenPrevious = typedParentFiber._debugRenderChildrenCurrent);
 		            typedParentFiber._debugRenderChildrenCurrent = [];
 		        }
@@ -5204,14 +5219,14 @@ function requireIndex_development () {
 		                var newFiber = getNewFiberWithUpdate(renderDispatch, newChild, parentFiber, existingChildrenMap, existingChildrenArray[index] || null, index);
 		                lastFiber && (lastFiber.sibling = newFiber);
 		                lastFiber = newFiber;
-		                if (enableDebugFiled$3.current)
+		                if (enableDebugFiled$5.current)
 		                    typedParentFiber._debugRenderChildrenCurrent.push(newChild);
 		                index++;
 		            }
 		        }
 		        else {
 		            getNewFiberWithUpdate(renderDispatch, children, parentFiber, existingChildrenMap, existingChildrenArray[0], 0);
-		            if (enableDebugFiled$3.current)
+		            if (enableDebugFiled$5.current)
 		                typedParentFiber._debugRenderChildrenCurrent.push(children);
 		        }
 		        deleteIfNeed(renderDispatch, parentFiber, existingChildrenMap);
@@ -5220,7 +5235,7 @@ function requireIndex_development () {
 		        var existingChildrenMap = getExistingChildren(parentFiber).existingChildrenMap;
 		        deleteIfNeed(renderDispatch, parentFiber, existingChildrenMap);
 		        var typedParentFiber = parentFiber;
-		        if (enableDebugFiled$3.current) {
+		        if (enableDebugFiled$5.current) {
 		            typedParentFiber._debugRenderChildrenCurrent && (typedParentFiber._debugRenderChildrenPrevious = typedParentFiber._debugRenderChildrenCurrent);
 		            typedParentFiber._debugRenderChildrenCurrent = [];
 		        }
@@ -5234,14 +5249,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);
 		        }
 		    }
@@ -5255,7 +5270,7 @@ function requireIndex_development () {
 		    return null;
 		};
 
-		var currentComponentFiber$2 = react.__my_react_internal__.currentComponentFiber, MyReactInternalInstance$3 = react.__my_react_internal__.MyReactInternalInstance;
+		var currentComponentFiber$2 = typeExports.__my_react_internal__.currentComponentFiber, MyReactInternalInstance$3 = typeExports.__my_react_internal__.MyReactInternalInstance;
 		var processProvider = function (renderDispatch, fiber) {
 		    if (renderDispatch.isAppMounted) {
 		        var prevProps = fiber.memoizedProps.value;
@@ -5296,7 +5311,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 = typeExports.__my_react_internal__.currentHookTreeNode, currentHookNodeIndex$1 = typeExports.__my_react_internal__.currentHookNodeIndex, currentScheduler$4 = typeExports.__my_react_internal__.currentScheduler, cacheLazy = typeExports.__my_react_internal__.cacheLazy;
 		var triggerState = STATE_TYPE.__triggerSync__ |
 		    STATE_TYPE.__triggerSyncForce__ |
 		    STATE_TYPE.__triggerConcurrent__ |
@@ -5308,7 +5323,7 @@ function requireIndex_development () {
 		    currentHookNodeIndex$1.current = 0;
 		    var typedElementType = fiber.elementType;
 		    var children = null;
-		    if (include(fiber.type, exports.NODE_TYPE.__forwardRef__)) {
+		    if (include(fiber.type, exports$1.NODE_TYPE.__forwardRef__)) {
 		        var typedElementTypeWithRef_1 = typedElementType;
 		        children = safeCallWithCurrentFiber({
 		            fiber: fiber,
@@ -5316,7 +5331,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 = typeExports.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 typeExports.createElement(cacheLazy(re));
+		                    }
+		                    else {
+		                        re = typedElementTypeWithRef_1(fiber.pendingProps, fiber.ref);
+		                    }
 		                }
 		                catch (e) {
 		                    if (isPromise(e)) {
@@ -5343,7 +5368,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 = typeExports.cache(typedElementType);
+		                        re = cacheFun(fiber.pendingProps);
+		                        // support rsc
+		                        if (isPromise(re))
+		                            return typeExports.createElement(cacheLazy(re));
+		                    }
+		                    else {
+		                        re = typedElementType(fiber.pendingProps);
+		                    }
 		                }
 		                catch (e) {
 		                    if (isPromise(e)) {
@@ -5368,11 +5402,11 @@ function requireIndex_development () {
 		    return children;
 		};
 
-		var WrapperByLazyScope = function (children) { return react.createElement(ScopeLazy, null, children); };
+		var WrapperByLazyScope = function (children) { return typeExports.createElement(ScopeLazy, null, children); };
 		var WrapperBySuspenseScope = function (children) {
-		    return react.createElement(ScopeSuspense, null, react.createElement(Comment, { mode: "s" }), children, react.createElement(Comment, { mode: "e" }));
+		    return typeExports.createElement(ScopeSuspense, null, typeExports.createElement(Comment, { mode: "s" }), children, typeExports.createElement(Comment, { mode: "e" }));
 		};
-		var isCommentElement = function (fiber) { return include(fiber.type, exports.NODE_TYPE.__comment__); };
+		var isCommentElement = function (fiber) { return include(fiber.type, exports$1.NODE_TYPE.__comment__); };
 		var isCommentStartElement = function (fiber) {
 		    if (isCommentElement(fiber)) {
 		        return fiber.pendingProps["mode"] === "s";
@@ -5386,8 +5420,8 @@ function requireIndex_development () {
 		    return false;
 		};
 
-		var enableSuspenseRoot$1 = react.__my_react_shared__.enableSuspenseRoot;
-		var currentScheduler$3 = react.__my_react_internal__.currentScheduler;
+		var enableSuspenseRoot$1 = typeExports.__my_react_shared__.enableSuspenseRoot, enableDebugFiled$4 = typeExports.__my_react_shared__.enableDebugFiled;
+		var currentScheduler$3 = typeExports.__my_react_internal__.currentScheduler;
 		var loadLazy = function (renderDispatch, typedElementType) { return __awaiter(void 0, void 0, void 0, function () {
 		    var loadedPromise, loaded, render, e_1;
 		    return __generator(this, function (_a) {
@@ -5416,6 +5450,9 @@ function requireIndex_development () {
 		            case 4:
 		                typedElementType._loaded = true;
 		                typedElementType._loading = false;
+		                if (enableDebugFiled$4.current) {
+		                    typedElementType._debugResolveTime = typedElementType._debugResolveTime || Date.now();
+		                }
 		                return [7 /*endfinally*/];
 		            case 5: return [2 /*return*/];
 		        }
@@ -5430,7 +5467,15 @@ function requireIndex_development () {
 		    }
 		    if (typedElementType._loaded === true) {
 		        var render = typedElementType.render;
-		        return WrapperByLazyScope(react.createElement(render, fiber.pendingProps));
+		        if (typeExports.isValidElement(render)) {
+		            return WrapperByLazyScope(typeExports.cloneElement(render));
+		        }
+		        else {
+		            return WrapperByLazyScope(typeExports.createElement(render, fiber.pendingProps));
+		        }
+		    }
+		    if (enableDebugFiled$4.current) {
+		        typedElementType._debugCreateTime = typedElementType._debugCreateTime || Date.now();
 		    }
 		    typedElementType._list = typedElementType._list || new Set();
 		    typedElementType._list.add(fiber);
@@ -5478,7 +5523,7 @@ function requireIndex_development () {
 		    typedField.asyncLoadList = new UniqueArray();
 		};
 
-		var MyReactInternalInstance$2 = react.__my_react_internal__.MyReactInternalInstance;
+		var MyReactInternalInstance$2 = typeExports.__my_react_internal__.MyReactInternalInstance;
 		var processSuspense = function (fiber) {
 		    var isUpdate = !!fiber.instance;
 		    fiber.instance = fiber.instance || new MyReactInternalInstance$2();
@@ -5491,7 +5536,7 @@ function requireIndex_development () {
 		    return children;
 		};
 
-		var MyReactInternalInstanceClass$1 = react.__my_react_internal__.MyReactInternalInstance, instanceToInitialFieldMap = react.__my_react_internal__.instanceToInitialFieldMap;
+		var MyReactInternalInstanceClass$1 = typeExports.__my_react_internal__.MyReactInternalInstance, instanceToInitialFieldMap = typeExports.__my_react_internal__.instanceToInitialFieldMap;
 		// support private instance field
 		var instanceMap = instanceToInitialFieldMap;
 		var initInstance = function (instance) {
@@ -5605,8 +5650,8 @@ 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 currentComponentFiber$1 = typeExports.__my_react_internal__.currentComponentFiber, MyReactInternalInstance$1 = typeExports.__my_react_internal__.MyReactInternalInstance;
+		var enablePerformanceLog = typeExports.__my_react_shared__.enablePerformanceLog, enableDebugFiled$3 = typeExports.__my_react_shared__.enableDebugFiled;
 		var nextWorkCommon = function (renderDispatch, fiber, children) {
 		    if (isPromise(children)) {
 		        console.error("[@my-react/react] render function should not return a promise, please check your code");
@@ -5649,7 +5694,7 @@ function requireIndex_development () {
 		    nextWorkCommon(renderDispatch, fiber, children);
 		};
 		var nextWorkComponent = function (renderDispatch, fiber) {
-		    if (include(fiber.type, exports.NODE_TYPE.__function__)) {
+		    if (include(fiber.type, exports$1.NODE_TYPE.__function__)) {
 		        currentComponentFiber$1.current = fiber;
 		        nextWorkFunctionComponent(renderDispatch, fiber);
 		        currentComponentFiber$1.current = null;
@@ -5723,7 +5768,7 @@ function requireIndex_development () {
 		        });
 		    }
 		    var timeNow = end;
-		    if (enableDebugFiled$2.current) {
+		    if (enableDebugFiled$3.current) {
 		        if (typedFiber.state === STATE_TYPE.__create__) {
 		            typedFiber._debugRenderState = {
 		                mountTimeStep: timeNow,
@@ -5754,8 +5799,8 @@ function requireIndex_development () {
 		    });
 		};
 
-		var enableDebugFiled$1 = react.__my_react_shared__.enableDebugFiled;
-		var currentRunningFiber = react.__my_react_internal__.currentRunningFiber, MyReactInternalInstance = react.__my_react_internal__.MyReactInternalInstance;
+		var enableDebugFiled$2 = typeExports.__my_react_shared__.enableDebugFiled;
+		var currentRunningFiber = typeExports.__my_react_internal__.currentRunningFiber, MyReactInternalInstance = typeExports.__my_react_internal__.MyReactInternalInstance;
 		var defaultGetContextValue = function (fiber, ContextObject) {
 		    var _a;
 		    if (fiber) {
@@ -5769,14 +5814,14 @@ function requireIndex_development () {
 		    if ((fiber === null || fiber === void 0 ? void 0 : fiber.parent) && ContextObject) {
 		        var parent_1 = fiber.parent;
 		        while (parent_1) {
-		            if (include(parent_1.type, exports.NODE_TYPE.__provider__)) {
+		            if (include(parent_1.type, exports$1.NODE_TYPE.__provider__)) {
 		                var typedElementType = parent_1.elementType;
 		                var contextObj = typedElementType["Context"];
 		                if (contextObj === ContextObject) {
 		                    return parent_1;
 		                }
 		            }
-		            if (include(parent_1.type, exports.NODE_TYPE.__context__)) {
+		            if (include(parent_1.type, exports$1.NODE_TYPE.__context__)) {
 		                var typedElementType = parent_1.elementType;
 		                var contextObj = typedElementType;
 		                if (contextObj === ContextObject) {
@@ -5826,7 +5871,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;
@@ -5857,8 +5902,8 @@ function requireIndex_development () {
 		    });
 		};
 
-		var currentScheduler$2 = react.__my_react_internal__.currentScheduler;
-		var enableScopeTreeLog$2 = react.__my_react_shared__.enableScopeTreeLog;
+		var currentScheduler$2 = typeExports.__my_react_internal__.currentScheduler;
+		var enableScopeTreeLog$2 = typeExports.__my_react_shared__.enableScopeTreeLog;
 		// TODO improve
 		var defaultDispatchMountLatest = function (_dispatch, _fiber) {
 		    beforeSyncUpdate();
@@ -5924,7 +5969,7 @@ function requireIndex_development () {
 		var defaultResolveScope = function (fiber) {
 		    var parent = fiber.parent;
 		    while (parent) {
-		        if (include(parent.type, exports.NODE_TYPE.__scope__) || include(parent.type, exports.NODE_TYPE.__scopeSuspense__)) {
+		        if (include(parent.type, exports$1.NODE_TYPE.__scope__) || include(parent.type, exports$1.NODE_TYPE.__scopeSuspense__)) {
 		            return parent;
 		        }
 		        parent = parent.parent;
@@ -5932,21 +5977,21 @@ function requireIndex_development () {
 		    return null;
 		};
 
-		var enableDebugFiled = react.__my_react_shared__.enableDebugFiled;
+		var enableDebugFiled$1 = typeExports.__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;
 		        }
@@ -5954,8 +5999,8 @@ function requireIndex_development () {
 		    }
 		};
 
-		var currentScheduler$1 = react.__my_react_internal__.currentScheduler;
-		var enableScopeTreeLog$1 = react.__my_react_shared__.enableScopeTreeLog;
+		var currentScheduler$1 = typeExports.__my_react_internal__.currentScheduler;
+		var enableScopeTreeLog$1 = typeExports.__my_react_shared__.enableScopeTreeLog;
 		var defaultDispatchUpdate = function (_dispatch, _list, sync) {
 		    // TODO maybe need call `insertionEffect` in another function
 		    beforeSyncUpdate();
@@ -5981,22 +6026,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);
 		                },
 		            });
 		        }
@@ -6041,7 +6086,7 @@ function requireIndex_development () {
 		    }
 		};
 
-		var currentComponentFiber = react.__my_react_internal__.currentComponentFiber, currentHookNodeIndex = react.__my_react_internal__.currentHookNodeIndex;
+		var currentComponentFiber = typeExports.__my_react_internal__.currentComponentFiber, currentHookNodeIndex = typeExports.__my_react_internal__.currentHookNodeIndex;
 		var resolveHookValue = function (hookNode, field) {
 		    if (hookNode) {
 		        switch (hookNode.type) {
@@ -6094,8 +6139,8 @@ function requireIndex_development () {
 		    return resolveHookValue(currentHook, field);
 		};
 
-		var enableSuspenseRoot = react.__my_react_shared__.enableSuspenseRoot;
-		var currentScheduler = react.__my_react_internal__.currentScheduler;
+		var enableSuspenseRoot = typeExports.__my_react_shared__.enableSuspenseRoot, enableDebugFiled = typeExports.__my_react_shared__.enableDebugFiled;
+		var currentScheduler = typeExports.__my_react_internal__.currentScheduler;
 		var loadPromise = function (renderDispatch, promise) { return __awaiter(void 0, void 0, void 0, function () {
 		    var value, reason_1;
 		    return __generator(this, function (_a) {
@@ -6105,20 +6150,25 @@ function requireIndex_development () {
 		                    return [2 /*return*/];
 		                _a.label = 1;
 		            case 1:
-		                _a.trys.push([1, 3, , 4]);
+		                _a.trys.push([1, 3, 4, 5]);
 		                promise.status = "pending";
 		                return [4 /*yield*/, Promise.resolve(promise)];
 		            case 2:
 		                value = _a.sent();
 		                promise.status = "fulfilled";
 		                promise._value = value;
-		                return [3 /*break*/, 4];
+		                return [3 /*break*/, 5];
 		            case 3:
 		                reason_1 = _a.sent();
 		                promise.status = "rejected";
 		                promise._reason = reason_1;
-		                return [3 /*break*/, 4];
-		            case 4: return [2 /*return*/];
+		                return [3 /*break*/, 5];
+		            case 4:
+		                if (enableDebugFiled.current) {
+		                    promise._debugResolveTime = promise._debugResolveTime || Date.now();
+		                }
+		                return [7 /*endfinally*/];
+		            case 5: return [2 /*return*/];
 		        }
 		    });
 		}); };
@@ -6134,6 +6184,9 @@ function requireIndex_development () {
 		            console.warn("[@my-react/react] throw a promise what has already fulfilled, this is not a valid usage");
 		        }
 		    }
+		    if (enableDebugFiled.current) {
+		        promise._debugCreateTime = promise._debugCreateTime || Date.now();
+		    }
 		    promise._list = promise._list || new Set();
 		    promise._list.add(fiber);
 		    var suspenseFiber = renderDispatch.resolveSuspenseFiber(fiber);
@@ -6188,6 +6241,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)
@@ -6214,7 +6270,7 @@ function requireIndex_development () {
 		    return null;
 		};
 
-		var Dispatcher = react.__my_react_internal__.Dispatcher, MyReactInternalInstanceClass = react.__my_react_internal__.MyReactInternalInstance, dispatchToListenerMap = react.__my_react_internal__.dispatchToListenerMap;
+		var Dispatcher = typeExports.__my_react_internal__.Dispatcher, MyReactInternalInstanceClass = typeExports.__my_react_internal__.MyReactInternalInstance, dispatchToListenerMap = typeExports.__my_react_internal__.dispatchToListenerMap;
 		var getInitialListeners = function () {
 		    return {
 		            fiberInitial: new Set(),
@@ -6265,11 +6321,11 @@ function requireIndex_development () {
 		    retriggerFiber: null,
 		}); };
 		var initialRef = {
-		    typeForRef: exports.NODE_TYPE.__plain__ | exports.NODE_TYPE.__class__,
-		    typeForCreate: exports.NODE_TYPE.__text__ | exports.NODE_TYPE.__plain__ | exports.NODE_TYPE.__portal__ | exports.NODE_TYPE.__comment__,
-		    typeForUpdate: exports.NODE_TYPE.__text__ | exports.NODE_TYPE.__plain__ | exports.NODE_TYPE.__comment__,
-		    typeForAppend: exports.NODE_TYPE.__text__ | exports.NODE_TYPE.__plain__ | exports.NODE_TYPE.__comment__,
-		    typeForNativeNode: exports.NODE_TYPE.__text__ | exports.NODE_TYPE.__plain__ | exports.NODE_TYPE.__portal__ | exports.NODE_TYPE.__comment__,
+		    typeForRef: exports$1.NODE_TYPE.__plain__ | exports$1.NODE_TYPE.__class__,
+		    typeForCreate: exports$1.NODE_TYPE.__text__ | exports$1.NODE_TYPE.__plain__ | exports$1.NODE_TYPE.__portal__ | exports$1.NODE_TYPE.__comment__,
+		    typeForUpdate: exports$1.NODE_TYPE.__text__ | exports$1.NODE_TYPE.__plain__ | exports$1.NODE_TYPE.__comment__,
+		    typeForAppend: exports$1.NODE_TYPE.__text__ | exports$1.NODE_TYPE.__plain__ | exports$1.NODE_TYPE.__comment__,
+		    typeForNativeNode: exports$1.NODE_TYPE.__text__ | exports$1.NODE_TYPE.__plain__ | exports$1.NODE_TYPE.__portal__ | exports$1.NODE_TYPE.__comment__,
 		};
 		var listenerMap = dispatchToListenerMap;
 		var RenderDispatchEvent = /** @class */ (function (_super) {
@@ -6373,628 +6429,668 @@ function requireIndex_development () {
 		    RenderDispatchEvent.prototype.resetYield = function () {
 		    };
 		    RenderDispatchEvent.prototype.onFiberInitial = function (cb) {
-		        var set = listenerMap.get(this).fiberInitial;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberInitial;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceFiberInitial = function (cb) {
-		        var set = listenerMap.get(this).fiberInitial;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberInitial;
 		        var onceCb = function (_fiber) {
 		            cb(_fiber);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnFiberInitial = function (_fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberInitial;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberInitial;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onFiberUpdate = function (cb) {
-		        var set = listenerMap.get(this).fiberUpdate;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberUpdate;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceFiberUpdate = function (cb) {
-		        var set = listenerMap.get(this).fiberUpdate;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberUpdate;
 		        var onceCb = function (_fiber) {
 		            cb(_fiber);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnFiberUpdate = function (_fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberUpdate;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberUpdate;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onFiberChange = function (cb) {
-		        var set = listenerMap.get(this).fiberHasChange;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberHasChange;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceFiberChange = function (cb) {
-		        var set = listenerMap.get(this).fiberHasChange;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberHasChange;
 		        var onceCb = function (_list) {
 		            cb(_list);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnFiberChange = function (_list) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberHasChange;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_list); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberHasChange;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_list); });
 		    };
 		    RenderDispatchEvent.prototype.onFiberUnmount = function (cb) {
-		        var set = listenerMap.get(this).fiberUnmount;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberUnmount;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceFiberUnmount = function (cb) {
-		        var set = listenerMap.get(this).fiberUnmount;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberUnmount;
 		        var onceCb = function (_fiber) {
 		            cb(_fiber);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnFiberUnmount = function (_fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberUnmount;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberUnmount;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onFiberState = function (cb) {
-		        var set = listenerMap.get(this).fiberState;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberState;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceFiberState = function (cb) {
-		        var set = listenerMap.get(this).fiberState;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberState;
 		        var onceCb = function (_fiber, _updater) {
 		            cb(_fiber, _updater);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnFiberState = function (_fiber, _updater) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberState;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber, _updater); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberState;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_fiber, _updater); });
 		    };
 		    RenderDispatchEvent.prototype.onFiberTrigger = function (cb) {
-		        var set = listenerMap.get(this).fiberTrigger;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberTrigger;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceFiberTrigger = function (cb) {
-		        var set = listenerMap.get(this).fiberTrigger;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberTrigger;
 		        var onceCb = function (_fiber, _state) {
 		            cb(_fiber, _state);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnFiberTrigger = function (_fiber, _state) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberTrigger;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber, _state); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberTrigger;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_fiber, _state); });
 		    };
 		    RenderDispatchEvent.prototype.onFiberHMR = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberHMR;
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberHMR;
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, cb);
 		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceFiberHMR = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberHMR;
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberHMR;
 		        var onceCb = function (_fiber, _forceRefresh) {
 		            var _a;
 		            cb(_fiber, _forceRefresh);
 		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		        };
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnFiberHMR = function (_fiber, _forceRefresh) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberHMR;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber, _forceRefresh); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberHMR;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_fiber, _forceRefresh); });
 		    };
 		    RenderDispatchEvent.prototype.onFiberWarn = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberWarn;
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberWarn;
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, cb);
 		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceFiberWarn = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberWarn;
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberWarn;
 		        var onceCb = function (_fiber) {
 		            var _a;
 		            cb(_fiber);
 		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		        };
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnFiberWarn = function (_fiber) {
-		        var _a;
+		        var _a, _b;
 		        var args = [];
 		        for (var _i = 1; _i < arguments.length; _i++) {
 		            args[_i - 1] = arguments[_i];
 		        }
-		        var set = listenerMap.get(this).fiberWarn;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb.apply(void 0, __spreadArray([_fiber], args, false)); });
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberWarn;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb.apply(void 0, __spreadArray([_fiber], args, false)); });
 		    };
 		    RenderDispatchEvent.prototype.onFiberError = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberError;
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberError;
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, cb);
 		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceFiberError = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).fiberError;
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberError;
 		        var onceCb = function (_fiber) {
 		            var _a;
 		            cb(_fiber);
 		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		        };
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnFiberError = function (_fiber) {
-		        var _a;
+		        var _a, _b;
 		        var args = [];
 		        for (var _i = 1; _i < arguments.length; _i++) {
 		            args[_i - 1] = arguments[_i];
 		        }
-		        var set = listenerMap.get(this).fiberError;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb.apply(void 0, __spreadArray([_fiber], args, false)); });
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.fiberError;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb.apply(void 0, __spreadArray([_fiber], args, false)); });
 		    };
 		    RenderDispatchEvent.prototype.onPerformanceWarn = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).performanceWarn;
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.performanceWarn;
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, cb);
 		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
 		    };
 		    RenderDispatchEvent.prototype.oncePerformanceWarn = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).performanceWarn;
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.performanceWarn;
 		        var onceCb = function (_fiber, _renderTime) {
 		            var _a;
 		            cb(_fiber, _renderTime);
 		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		        };
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnPerformanceWarn = function (_fiber, _renderTime) {
-		        var _a;
-		        var set = listenerMap.get(this).performanceWarn;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber, _renderTime); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.performanceWarn;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_fiber, _renderTime); });
 		    };
 		    RenderDispatchEvent.prototype.onBeforeFiberRun = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).beforeFiberRun;
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeFiberRun;
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, cb);
 		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceBeforeFiberRun = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).beforeFiberRun;
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeFiberRun;
 		        var onceCb = function (_fiber) {
 		            var _a;
 		            cb(_fiber);
 		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		        };
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnBeforeFiberRun = function (_fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).beforeFiberRun;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeFiberRun;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onAfterFiberRun = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).afterFiberRun;
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterFiberRun;
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, cb);
 		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceAfterFiberRun = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).afterFiberRun;
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterFiberRun;
 		        var onceCb = function (_fiber) {
 		            var _a;
 		            cb(_fiber);
 		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		        };
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnAfterFiberRun = function (_fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).afterFiberRun;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterFiberRun;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onAfterFiberDone = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).afterFiberDone;
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterFiberDone;
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, cb);
 		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceAfterFiberDone = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).afterFiberDone;
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterFiberDone;
 		        var onceCb = function (_fiber) {
 		            var _a;
 		            cb(_fiber);
 		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		        };
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnAfterFiberDone = function (_fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).afterFiberDone;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterFiberDone;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onBeforeDispatchRender = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).beforeDispatchRender;
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeDispatchRender;
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, cb);
 		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceBeforeDispatchRender = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).beforeDispatchRender;
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeDispatchRender;
 		        var onceCb = function (renderDispatch, fiber) {
 		            var _a;
 		            cb(renderDispatch, fiber);
 		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		        };
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnBeforeDispatchRender = function (renderDispatch, fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).beforeDispatchRender;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch, fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeDispatchRender;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(renderDispatch, fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onAfterDispatchRender = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).afterDispatchRender;
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterDispatchRender;
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, cb);
 		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceAfterDispatchRender = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).afterDispatchRender;
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterDispatchRender;
 		        var onceCb = function (renderDispatch) {
 		            var _a;
 		            cb(renderDispatch);
 		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		        };
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnAfterDispatchRender = function (renderDispatch) {
-		        var _a;
-		        var set = listenerMap.get(this).afterDispatchRender;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterDispatchRender;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(renderDispatch); });
 		    };
 		    RenderDispatchEvent.prototype.onBeforeDispatchUpdate = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).beforeDispatchUpdate;
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeDispatchUpdate;
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, cb);
 		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceBeforeDispatchUpdate = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).beforeDispatchUpdate;
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeDispatchUpdate;
 		        var onceCb = function (renderDispatch, list) {
 		            var _a;
 		            cb(renderDispatch, list);
 		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		        };
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnBeforeDispatchUpdate = function (renderDispatch, list) {
-		        var _a;
-		        var set = listenerMap.get(this).beforeDispatchUpdate;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch, list); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeDispatchUpdate;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(renderDispatch, list); });
 		    };
 		    RenderDispatchEvent.prototype.onAfterDispatchUpdate = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).afterDispatchUpdate;
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterDispatchUpdate;
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, cb);
 		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceAfterDispatchUpdate = function (cb) {
-		        var _a;
-		        var set = listenerMap.get(this).afterDispatchUpdate;
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterDispatchUpdate;
 		        var onceCb = function (renderDispatch) {
 		            var _a;
 		            cb(renderDispatch);
 		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		        };
-		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        (_b = set === null || set === void 0 ? void 0 : set.add) === null || _b === void 0 ? void 0 : _b.call(set, onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnAfterDispatchUpdate = function (renderDispatch) {
-		        var _a;
-		        var set = listenerMap.get(this).afterDispatchUpdate;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterDispatchUpdate;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(renderDispatch); });
 		    };
 		    RenderDispatchEvent.prototype.onInstanceInitial = function (cb) {
-		        var set = listenerMap.get(this).instanceInitial;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.instanceInitial;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceInstanceInitial = function (cb) {
-		        var set = listenerMap.get(this).instanceInitial;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.instanceInitial;
 		        var onceCb = function (_instance, _fiber) {
 		            cb(_instance, _fiber);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnInstanceInitial = function (_instance, _fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).instanceInitial;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_instance, _fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.instanceInitial;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_instance, _fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onInstanceUpdate = function (cb) {
-		        var set = listenerMap.get(this).instanceUpdate;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.instanceUpdate;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceInstanceUpdate = function (cb) {
-		        var set = listenerMap.get(this).instanceUpdate;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.instanceUpdate;
 		        var onceCb = function (_instance, _fiber) {
 		            cb(_instance, _fiber);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnInstanceUpdate = function (_instance, _fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).instanceUpdate;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_instance, _fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.instanceUpdate;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_instance, _fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onInstanceState = function (cb) {
-		        var set = listenerMap.get(this).instanceState;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.instanceState;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceInstanceState = function (cb) {
-		        var set = listenerMap.get(this).instanceState;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.instanceState;
 		        var onceCb = function (_instance, _fiber, _updater) {
 		            cb(_instance, _fiber, _updater);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnInstanceState = function (_instance, _fiber, _updater) {
-		        var _a;
-		        var set = listenerMap.get(this).instanceState;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_instance, _fiber, _updater); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.instanceState;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_instance, _fiber, _updater); });
 		    };
 		    RenderDispatchEvent.prototype.onInstanceUnmount = function (cb) {
-		        var set = listenerMap.get(this).instanceUnmount;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.instanceUnmount;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceInstanceUnmount = function (cb) {
-		        var set = listenerMap.get(this).instanceUnmount;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.instanceUnmount;
 		        var onceCb = function (_instance, _fiber) {
 		            cb(_instance, _fiber);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnInstanceUnmount = function (_instance, _fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).instanceUnmount;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_instance, _fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.instanceUnmount;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_instance, _fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onHookInitial = function (cb) {
-		        var set = listenerMap.get(this).hookInitial;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.hookInitial;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceHookInitial = function (cb) {
-		        var set = listenerMap.get(this).hookInitial;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.hookInitial;
 		        var onceCb = function (_hook, _fiber) {
 		            cb(_hook, _fiber);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnHookInitial = function (_hook, _fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).hookInitial;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_hook, _fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.hookInitial;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_hook, _fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onHookUpdate = function (cb) {
-		        var set = listenerMap.get(this).hookUpdate;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.hookUpdate;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceHookUpdate = function (cb) {
-		        var set = listenerMap.get(this).hookUpdate;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.hookUpdate;
 		        var onceCb = function (_hook, _fiber) {
 		            cb(_hook, _fiber);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnHookUpdate = function (_hook, _fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).hookUpdate;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_hook, _fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.hookUpdate;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_hook, _fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onHookUnmount = function (cb) {
-		        var set = listenerMap.get(this).hookUnmount;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.hookUnmount;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceHookUnmount = function (cb) {
-		        var set = listenerMap.get(this).hookUnmount;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.hookUnmount;
 		        var onceCb = function (_hook, _fiber) {
 		            cb(_hook, _fiber);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnHookUnmount = function (_hook, _fiber) {
-		        var _a;
-		        var set = listenerMap.get(this).hookUnmount;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_hook, _fiber); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.hookUnmount;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_hook, _fiber); });
 		    };
 		    RenderDispatchEvent.prototype.onHookState = function (cb) {
-		        var set = listenerMap.get(this).hookState;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.hookState;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceHookTrigger = function (cb) {
-		        var set = listenerMap.get(this).hookState;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.hookState;
 		        var onceCb = function (_hook, _fiber, _updater) {
 		            cb(_hook, _fiber, _updater);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnHookState = function (_hook, _fiber, _updater) {
-		        var _a;
-		        var set = listenerMap.get(this).hookState;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_hook, _fiber, _updater); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.hookState;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(_hook, _fiber, _updater); });
 		    };
 		    RenderDispatchEvent.prototype.onBeforeCommitMount = function (cb) {
-		        var set = listenerMap.get(this).beforeCommitMount;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeCommitMount;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceBeforeCommitMount = function (cb) {
-		        var set = listenerMap.get(this).beforeCommitMount;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeCommitMount;
 		        var onceCb = function (renderDispatch) {
 		            cb(renderDispatch);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnBeforeCommitMount = function (renderDispatch) {
-		        var _a;
-		        var set = listenerMap.get(this).beforeCommitMount;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeCommitMount;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(renderDispatch); });
 		    };
 		    RenderDispatchEvent.prototype.onAfterCommitMount = function (cb) {
-		        var set = listenerMap.get(this).afterCommitMount;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterCommitMount;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceAfterCommitMount = function (cb) {
-		        var set = listenerMap.get(this).afterCommitMount;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterCommitMount;
 		        var onceCb = function (renderDispatch) {
 		            cb(renderDispatch);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnAfterCommitMount = function (renderDispatch) {
-		        var _a;
-		        var set = listenerMap.get(this).afterCommitMount;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterCommitMount;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(renderDispatch); });
 		    };
 		    RenderDispatchEvent.prototype.onBeforeCommitUpdate = function (cb) {
-		        var set = listenerMap.get(this).beforeCommitUpdate;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeCommitUpdate;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceBeforeCommitUpdate = function (cb) {
-		        var set = listenerMap.get(this).beforeCommitUpdate;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeCommitUpdate;
 		        var onceCb = function (renderDispatch) {
 		            cb(renderDispatch);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnBeforeCommitUpdate = function (renderDispatch) {
-		        var _a;
-		        var set = listenerMap.get(this).beforeCommitUpdate;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeCommitUpdate;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(renderDispatch); });
 		    };
 		    RenderDispatchEvent.prototype.onAfterCommitUpdate = function (cb) {
-		        var set = listenerMap.get(this).afterCommitUpdate;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterCommitUpdate;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceAfterCommitUpdate = function (cb) {
-		        var set = listenerMap.get(this).afterCommitUpdate;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterCommitUpdate;
 		        var onceCb = function (renderDispatch) {
 		            cb(renderDispatch);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnAfterCommitUpdate = function (renderDispatch) {
-		        var _a;
-		        var set = listenerMap.get(this).afterCommitUpdate;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterCommitUpdate;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(renderDispatch); });
 		    };
 		    RenderDispatchEvent.prototype.onBeforeCommitUnmount = function (cb) {
-		        var set = listenerMap.get(this).beforeCommitUnmount;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeCommitUnmount;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceBeforeCommitUnmount = function (cb) {
-		        var set = listenerMap.get(this).beforeCommitUnmount;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeCommitUnmount;
 		        var onceCb = function (renderDispatch) {
 		            cb(renderDispatch);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnBeforeCommitUnmount = function (renderDispatch) {
-		        var _a;
-		        var set = listenerMap.get(this).beforeCommitUnmount;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.beforeCommitUnmount;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(renderDispatch); });
 		    };
 		    RenderDispatchEvent.prototype.onAfterCommitUnmount = function (cb) {
-		        var set = listenerMap.get(this).afterCommitUnmount;
-		        set.add(cb);
-		        return function () { return set.delete(cb); };
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterCommitUnmount;
+		        set === null || set === void 0 ? void 0 : set.add(cb);
+		        return function () { return set === null || set === void 0 ? void 0 : set.delete(cb); };
 		    };
 		    RenderDispatchEvent.prototype.onceAfterCommitUnmount = function (cb) {
-		        var set = listenerMap.get(this).afterCommitUnmount;
+		        var _a;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterCommitUnmount;
 		        var onceCb = function (renderDispatch) {
 		            cb(renderDispatch);
-		            set.delete(onceCb);
+		            set === null || set === void 0 ? void 0 : set.delete(onceCb);
 		        };
-		        set.add(onceCb);
+		        set === null || set === void 0 ? void 0 : set.add(onceCb);
 		    };
 		    RenderDispatchEvent.prototype.callOnAfterCommitUnmount = function (renderDispatch) {
-		        var _a;
-		        var set = listenerMap.get(this).afterCommitUnmount;
-		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch); });
+		        var _a, _b;
+		        var set = (_a = listenerMap.get(this)) === null || _a === void 0 ? void 0 : _a.afterCommitUnmount;
+		        (_b = set === null || set === void 0 ? void 0 : set.forEach) === null || _b === void 0 ? void 0 : _b.call(set, function (cb) { return cb(renderDispatch); });
 		    };
 		    return RenderDispatchEvent;
 		}(MyReactInternalInstanceClass));
 
 		var defaultDispatchFiber = function (renderDispatch, fiber) {
-		    if (include(fiber.type, exports.NODE_TYPE.__root__)) {
+		    if (include(fiber.type, exports$1.NODE_TYPE.__root__)) {
 		        // TODO
 		        nextWorkRoot(renderDispatch, fiber);
 		    }
-		    else if (include(fiber.type, exports.NODE_TYPE.__class__ | exports.NODE_TYPE.__function__)) {
+		    else if (include(fiber.type, exports$1.NODE_TYPE.__class__ | exports$1.NODE_TYPE.__function__)) {
 		        nextWorkComponent(renderDispatch, fiber);
 		    }
-		    else if (include(fiber.type, exports.NODE_TYPE.__lazy__)) {
+		    else if (include(fiber.type, exports$1.NODE_TYPE.__lazy__)) {
 		        nextWorkLazy(renderDispatch, fiber);
 		    }
-		    else if (include(fiber.type, exports.NODE_TYPE.__suspense__)) {
+		    else if (include(fiber.type, exports$1.NODE_TYPE.__suspense__)) {
 		        nextWorkSuspense(renderDispatch, fiber);
 		    }
-		    else if (include(fiber.type, exports.NODE_TYPE.__consumer__)) {
+		    else if (include(fiber.type, exports$1.NODE_TYPE.__consumer__)) {
 		        nextWorkConsumer(renderDispatch, fiber);
 		    }
-		    else if (include(fiber.type, exports.NODE_TYPE.__provider__ | exports.NODE_TYPE.__context__)) {
+		    else if (include(fiber.type, exports$1.NODE_TYPE.__provider__ | exports$1.NODE_TYPE.__context__)) {
 		        nextWorkProvider(renderDispatch, fiber);
 		    }
-		    else if (include(fiber.type, exports.NODE_TYPE.__activity__)) {
+		    else if (include(fiber.type, exports$1.NODE_TYPE.__activity__)) {
 		        nextWorkActivity(renderDispatch, fiber);
 		    }
 		    else {
@@ -7011,7 +7107,7 @@ function requireIndex_development () {
 		        _this.isAppMounted = false;
 		        _this.isAppCrashed = false;
 		        _this.isAppUnmounted = false;
-		        _this.version = "0.3.22";
+		        _this.version = "0.3.24";
 		        _this.id = Math.random().toString(16).slice(2);
 		        _this.mode = "development" ;
 		        _this.renderMode = "render";
@@ -7057,7 +7153,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");
 		            }
 		        }
@@ -7214,8 +7310,8 @@ function requireIndex_development () {
 		    return CustomRenderDispatch;
 		}(RenderDispatchEvent));
 
-		var globalLoop = react.__my_react_internal__.globalLoop;
-		var enableScopeTreeLog = react.__my_react_shared__.enableScopeTreeLog;
+		var globalLoop = typeExports.__my_react_internal__.globalLoop;
+		var enableScopeTreeLog = typeExports.__my_react_shared__.enableScopeTreeLog;
 		function finishMountSync(renderDispatch, fiber) {
 		    enableScopeTreeLog.current && setLogScope();
 		    renderDispatch.reconcileCommit(fiber);
@@ -7269,192 +7365,192 @@ function requireIndex_development () {
 		    });
 		}); };
 
-		var version = "0.3.22";
+		var version = "0.3.24";
 
-		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;
 }
@@ -7876,7 +7972,7 @@ var ListTree = /** @class */ (function () {
     });
 }
 
-var enableKnownConfigLog = require$$0.createRef(false);
+var enableKnownConfigLog = typeExports.createRef(false);
 var knownConfigKeys = [
     "prepareForCommit",
     "resetAfterCommit",
@@ -8087,7 +8183,7 @@ var create = function (_dispatch, _fiber, _config) {
 
 var initialMap = function (dispatch, fiber, config) {
     var parentFiberWithNode = null;
-    var parentFiberHostContext = null;
+    var parentFiberWithNodeHostContext = null;
     var hostContext = null;
     if (fiber.parent) {
         var mayFiberContainer = fiber.parent;
@@ -8100,12 +8196,17 @@ var initialMap = function (dispatch, fiber, config) {
         else {
             parentFiberWithNode = dispatch.runtimeDom.elementMap.get(fiber.parent) || dispatch.rootFiber;
         }
-        parentFiberHostContext = dispatch.runtimeDom.hostContextMap.get(parentFiberWithNode);
+        parentFiberWithNodeHostContext = dispatch.runtimeDom.hostContextMap.get(parentFiberWithNode);
         if (checkFiberWithNativeNode(dispatch, fiber)) {
-            hostContext = config.getChildHostContext(parentFiberHostContext, fiber.elementType, dispatch.rootNode, fiber);
+            hostContext = config.getChildHostContext(parentFiberWithNodeHostContext, fiber.elementType, dispatch.rootNode, fiber);
         }
         else {
-            hostContext = parentFiberHostContext;
+            hostContext = parentFiberWithNodeHostContext;
+        }
+        // help for lynx render to set css entry
+        if (config.pathHostContext && typeof config.pathHostContext === "function") {
+            var parentFiberHostContext = dispatch.runtimeDom.hostContextMap.get(mayFiberContainer);
+            hostContext = config.pathHostContext(hostContext, parentFiberHostContext, parentFiberWithNodeHostContext, fiber.elementType, fiber.pendingProps, dispatch.rootNode, fiber);
         }
     }
     else {
@@ -8389,7 +8490,7 @@ var position = function (_dispatch, _fiber, _config) {
 };
 
 var createPortal = function (_element, _container) {
-    var portal = require$$0.createElement(Portal, { container: _container }, _element);
+    var portal = typeExports.createElement(Portal, { container: _container }, _element);
     return portal;
 };
 var nextWorkPortal = function (renderDispatch, fiber) {
@@ -8436,8 +8537,8 @@ var ReconcilerDispatchFiber = function (renderDispatch, fiber) {
     }
 };
 
-var currentScheduler$2 = require$$0.__my_react_internal__.currentScheduler;
-var enableScopeTreeLog$3 = require$$0.__my_react_shared__.enableScopeTreeLog;
+var currentScheduler$2 = typeExports.__my_react_internal__.currentScheduler;
+var enableScopeTreeLog$3 = typeExports.__my_react_shared__.enableScopeTreeLog;
 var ReconcilerDispatchMount = function (_dispatch, _fiber, config) {
     var pendingCommitFiberArray = [];
     myreactReconcilerExports.beforeSyncUpdate();
@@ -8511,8 +8612,8 @@ var ReconcilerDispatchMount = function (_dispatch, _fiber, config) {
     });
 };
 
-var currentScheduler$1 = require$$0.__my_react_internal__.currentScheduler;
-var enableScopeTreeLog$2 = require$$0.__my_react_shared__.enableScopeTreeLog;
+var currentScheduler$1 = typeExports.__my_react_internal__.currentScheduler;
+var enableScopeTreeLog$2 = typeExports.__my_react_shared__.enableScopeTreeLog;
 var ReconcilerDispatchUpdate = function (_dispatch, _list, config, sync) {
     myreactReconcilerExports.beforeSyncUpdate();
     _list.listToFoot(function invokeUnmountPendingAndInsertionEffectList(_fiber) {
@@ -8544,24 +8645,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);
                 },
@@ -8627,7 +8728,7 @@ var ReconcilerDispatchUpdate = function (_dispatch, _list, config, sync) {
     }
 };
 
-var currentComponentFiber = require$$0.__my_react_internal__.currentComponentFiber;
+var currentComponentFiber = typeExports.__my_react_internal__.currentComponentFiber;
 var initialRef = {
     typeForRef: myreactReconcilerExports.NODE_TYPE.__plain__ | myreactReconcilerExports.NODE_TYPE.__class__,
     typeForCreate: myreactReconcilerExports.NODE_TYPE.__text__ | myreactReconcilerExports.NODE_TYPE.__plain__ | myreactReconcilerExports.NODE_TYPE.__portal__,
@@ -8781,381 +8882,7 @@ 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 () {
-        var _a, timeout, _b, context, _c, useEval, controller_1, timeoutId, response, code, error_1, errorMsg;
-        return __generator(this, function (_d) {
-            switch (_d.label) {
-                case 0:
-                    _a = options.timeout, timeout = _a === void 0 ? 10000 : _a, _b = options.context, context = _b === void 0 ? {} : _b, _c = options.useEval, useEval = _c === void 0 ? false : _c;
-                    _d.label = 1;
-                case 1:
-                    _d.trys.push([1, 5, , 6]);
-                    controller_1 = new AbortController();
-                    timeoutId = setTimeout(function () { return controller_1.abort(); }, timeout);
-                    return [4 /*yield*/, fetch(url, {
-                            signal: controller_1.signal,
-                        })];
-                case 2:
-                    response = _d.sent();
-                    if (!response.ok) {
-                        throw new Error("HTTP ".concat(response.status, ": ").concat(response.statusText));
-                    }
-                    return [4 /*yield*/, response.text()];
-                case 3:
-                    code = _d.sent();
-                    clearTimeout(timeoutId);
-                    // 根据环境选择执行方式
-                    return [4 /*yield*/, executeScript(code, url, { context: context, useEval: useEval })];
-                case 4:
-                    // 根据环境选择执行方式
-                    _d.sent();
-                    return [3 /*break*/, 6];
-                case 5:
-                    error_1 = _d.sent();
-                    if ((error_1 === null || error_1 === void 0 ? void 0 : error_1.name) === "AbortError") {
-                        throw new Error("\u52A0\u8F7D\u8FDC\u7A0B\u811A\u672C\u8D85\u65F6 (".concat(timeout, "ms)"));
-                    }
-                    errorMsg = (error_1 === null || error_1 === void 0 ? void 0 : error_1.message) || String(error_1);
-                    throw new Error("\u52A0\u8F7D\u8FDC\u7A0B\u811A\u672C\u5931\u8D25: ".concat(errorMsg));
-                case 6: return [2 /*return*/];
-            }
-        });
-    });
-}
-function executeScript(code, url, options) {
-    return __awaiter(this, void 0, void 0, function () {
-        var _a, context, _b, useEval, env, _c;
-        return __generator(this, function (_d) {
-            switch (_d.label) {
-                case 0:
-                    _a = options.context, context = _a === void 0 ? {} : _a, _b = options.useEval, useEval = _b === void 0 ? false : _b;
-                    env = detectEnvironment();
-                    _c = env;
-                    switch (_c) {
-                        case "bun": return [3 /*break*/, 1];
-                        case "node": return [3 /*break*/, 3];
-                        case "browser": return [3 /*break*/, 5];
-                    }
-                    return [3 /*break*/, 7];
-                case 1: return [4 /*yield*/, executeInBun(code, url, context)];
-                case 2:
-                    _d.sent();
-                    return [3 /*break*/, 8];
-                case 3: return [4 /*yield*/, executeInNode(code, url, context)];
-                case 4:
-                    _d.sent();
-                    return [3 /*break*/, 8];
-                case 5: return [4 /*yield*/, executeInBrowser(code, url, context, useEval)];
-                case 6:
-                    _d.sent();
-                    return [3 /*break*/, 8];
-                case 7: throw new Error("未知的 JavaScript 环境");
-                case 8: return [2 /*return*/];
-            }
-        });
-    });
-}
-function detectEnvironment() {
-    // 检测 Bun
-    // @ts-ignore
-    if (typeof Bun !== "undefined" && typeof Bun === "object") {
-        return "bun";
-    }
-    // 检测 Node.js
-    if (typeof process !== "undefined" && process.versions && process.versions.node) {
-        return "node";
-    }
-    // 检测浏览器环境
-    if (typeof window !== "undefined" && typeof document !== "undefined") {
-        return "browser";
-    }
-    // 默认为浏览器环境（保守策略）
-    return "browser";
-}
-// 安全的 Base64 编码函数（跨环境兼容）
-function safeBase64Encode(str) {
-    // Node.js 环境
-    if (typeof Buffer !== "undefined") {
-        return Buffer.from(str, "utf-8").toString("base64");
-    }
-    // 浏览器环境
-    if (typeof btoa !== "undefined") {
-        // 处理 Unicode 字符
-        var utf8Bytes_1 = new TextEncoder().encode(str);
-        var binary = "";
-        for (var i = 0; i < utf8Bytes_1.length; i++) {
-            binary += String.fromCharCode(utf8Bytes_1[i]);
-        }
-        return btoa(binary);
-    }
-    // 回退方案：手动实现 Base64 编码
-    var base64Chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
-    var utf8Bytes = new TextEncoder().encode(str);
-    var result = "";
-    for (var i = 0; i < utf8Bytes.length; i += 3) {
-        var a = utf8Bytes[i];
-        var b = i + 1 < utf8Bytes.length ? utf8Bytes[i + 1] : 0;
-        var c = i + 2 < utf8Bytes.length ? utf8Bytes[i + 2] : 0;
-        var bitmap = (a << 16) | (b << 8) | c;
-        result += base64Chars[(bitmap >> 18) & 63];
-        result += base64Chars[(bitmap >> 12) & 63];
-        result += i + 1 < utf8Bytes.length ? base64Chars[(bitmap >> 6) & 63] : "=";
-        result += i + 2 < utf8Bytes.length ? base64Chars[bitmap & 63] : "=";
-    }
-    return result;
-}
-// Bun 环境执行
-function executeInBun(code, url, context) {
-    return __awaiter(this, void 0, void 0, function () {
-        var base64Code, dataUrl;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 4]);
-                    base64Code = safeBase64Encode(code);
-                    dataUrl = "data:application/javascript;base64,".concat(base64Code);
-                    return [4 /*yield*/, import(/* @vite-ignore */ dataUrl)];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-                case 2:
-                    _a.sent();
-                    // 方法2: 使用 VM 回退
-                    return [4 /*yield*/, executeWithVM(code, url, context)];
-                case 3:
-                    // 方法2: 使用 VM 回退
-                    _a.sent();
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-            }
-        });
-    });
-}
-// Node.js 环境执行
-function executeInNode(code, url, context) {
-    return __awaiter(this, void 0, void 0, function () {
-        var error_3, base64Code, dataUrl, importError_1, errorMsg, importErrorMsg;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 7]);
-                    // 方法1: 使用 VM 模块
-                    return [4 /*yield*/, executeWithVM(code, url, context)];
-                case 1:
-                    // 方法1: 使用 VM 模块
-                    _a.sent();
-                    return [3 /*break*/, 7];
-                case 2:
-                    error_3 = _a.sent();
-                    _a.label = 3;
-                case 3:
-                    _a.trys.push([3, 5, , 6]);
-                    base64Code = safeBase64Encode(code);
-                    dataUrl = "data:application/javascript;base64,".concat(base64Code);
-                    return [4 /*yield*/, import(/* @vite-ignore */ dataUrl)];
-                case 4:
-                    _a.sent();
-                    return [3 /*break*/, 6];
-                case 5:
-                    importError_1 = _a.sent();
-                    errorMsg = (error_3 === null || error_3 === void 0 ? void 0 : error_3.message) || String(error_3);
-                    importErrorMsg = (importError_1 === null || importError_1 === void 0 ? void 0 : importError_1.message) || String(importError_1);
-                    throw new Error("Node.js \u6267\u884C\u5931\u8D25: ".concat(errorMsg, ", ").concat(importErrorMsg));
-                case 6: return [3 /*break*/, 7];
-                case 7: return [2 /*return*/];
-            }
-        });
-    });
-}
-// 浏览器环境执行
-function executeInBrowser(code, url, context, useEval) {
-    return __awaiter(this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    // 浏览器环境的安全考虑
-                    if (!useEval && isPotentiallyUnsafe(code)) {
-                        throw new Error("代码包含潜在不安全内容，如需执行请设置 useEval: true");
-                    }
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 3, , 4]);
-                    // 方法1: 使用 script 标签插入 (最安全)
-                    return [4 /*yield*/, executeWithScriptTag(code)];
-                case 2:
-                    // 方法1: 使用 script 标签插入 (最安全)
-                    _a.sent();
-                    return [3 /*break*/, 4];
-                case 3:
-                    _a.sent();
-                    // 方法2: 使用 eval (需要显式启用)
-                    if (useEval) {
-                        executeWithEval(code, context);
-                    }
-                    else {
-                        throw new Error("浏览器执行失败，请启用 useEval 选项或检查 CSP 设置");
-                    }
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-            }
-        });
-    });
-}
-// 通用 VM 执行 (Node.js/Bun)
-function executeWithVM(code, url, context) {
-    return __awaiter(this, void 0, void 0, function () {
-        var vm, sandbox, vmContext, script, error_5, errorMsg;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 3]);
-                    return [4 /*yield*/, import('vm')];
-                case 1:
-                    vm = _a.sent();
-                    sandbox = __assign(__assign(__assign({ 
-                        // 基础全局变量
-                        console: console, setTimeout: setTimeout, setInterval: setInterval, clearTimeout: clearTimeout, clearInterval: clearInterval, URL: URL, URLSearchParams: URLSearchParams, 
-                        // 内置对象
-                        Object: Object, Array: Array, String: String, Number: Number, Boolean: Boolean, Symbol: Symbol, Date: Date, RegExp: RegExp, Error: Error, TypeError: TypeError, RangeError: RangeError, SyntaxError: SyntaxError, Map: Map, Set: Set, WeakMap: WeakMap, WeakSet: WeakSet, Promise: Promise, JSON: JSON, Math: Math }, (typeof global !== "undefined" ? { global: global } : {})), (typeof process !== "undefined" ? { process: process } : {})), context);
-                    vmContext = vm.createContext(sandbox);
-                    script = new vm.Script(code, {
-                        filename: url,
-                        lineOffset: 0,
-                        columnOffset: 0,
-                    });
-                    script.runInContext(vmContext);
-                    return [3 /*break*/, 3];
-                case 2:
-                    error_5 = _a.sent();
-                    errorMsg = (error_5 === null || error_5 === void 0 ? void 0 : error_5.message) || String(error_5);
-                    throw new Error("VM \u6267\u884C\u5931\u8D25: ".concat(errorMsg));
-                case 3: return [2 /*return*/];
-            }
-        });
-    });
-}
-// 浏览器 script 标签执行
-function executeWithScriptTag(code, url) {
-    // 检查是否在浏览器环境
-    if (typeof document === "undefined") {
-        throw new Error("document 未定义，不在浏览器环境中");
-    }
-    return new Promise(function (resolve, reject) {
-        // 创建 script 元素
-        var script = document.createElement("script");
-        // 使用 Blob URL 避免 CSP 问题
-        var blob = new Blob([code], { type: "application/javascript" });
-        var blobUrl = URL.createObjectURL(blob);
-        script.src = blobUrl;
-        // 清理函数
-        var cleanup = function () {
-            URL.revokeObjectURL(blobUrl);
-            // 从 DOM 中移除 script 标签以防止内存泄漏
-            if (script.parentNode) {
-                script.parentNode.removeChild(script);
-            }
-        };
-        // 设置错误处理
-        script.onerror = function () {
-            cleanup();
-            reject(new Error("Script 标签加载失败"));
-        };
-        script.onload = function () {
-            cleanup();
-            resolve();
-        };
-        // 添加到 DOM
-        document.head.appendChild(script);
-    });
-}
-// 浏览器 eval 执行
-function executeWithEval(code, context) {
-    // 在特定上下文中执行
-    var contextKeys = Object.keys(context);
-    var contextValues = Object.values(context);
-    try {
-        // 使用 Function 构造函数比直接 eval 稍安全
-        var func = new (Function.bind.apply(Function, __spreadArray(__spreadArray([void 0], contextKeys, false), ["\n      \"use strict\";\n      ".concat(code, "\n    ")], false)))();
-        func.apply(void 0, contextValues);
-    }
-    catch (error) {
-        // 回退到间接 eval
-        try {
-            var indirectEval = eval;
-            indirectEval(code);
-        }
-        catch (evalError) {
-            var errorMsg = (evalError === null || evalError === void 0 ? void 0 : evalError.message) || String(evalError);
-            throw new Error("Eval \u6267\u884C\u5931\u8D25: ".concat(errorMsg));
-        }
-    }
-}
-// 增强的安全检查
-function isPotentiallyUnsafe(code) {
-    var unsafePatterns = [
-        // Cookie 和存储访问
-        /document\.cookie/i,
-        /localStorage/i,
-        /sessionStorage/i,
-        /indexedDB/i,
-        // 动态代码执行
-        /\beval\s*\(/i,
-        /Function\s*\(/i,
-        /setTimeout\s*\(\s*["'`]/i, // setTimeout with string
-        /setInterval\s*\(\s*["'`]/i, // setInterval with string
-        // 动态脚本和 DOM 操作
-        /script\.src/i,
-        /\.innerHTML/i,
-        /\.outerHTML/i,
-        /document\.write/i,
-        /document\.writeln/i,
-        // 动态属性访问（可能绕过检查）
-        /\[["'`]eval["'`]\]/i,
-        /\[["'`]cookie["'`]\]/i,
-        /\[["'`]localStorage["'`]\]/i,
-        // import() 动态导入
-        /import\s*\(/i,
-        // 危险的 DOM API
-        /\.insertAdjacentHTML/i,
-        /createContextualFragment/i,
-    ];
-    return unsafePatterns.some(function (pattern) { return pattern.test(code); });
-}
-// 安全的 require 函数模拟
-function createSafeRequire() {
-    if (typeof require !== "undefined") {
-        return require;
-    }
-    // 在浏览器环境中返回一个安全的模拟 require
-    return function (id) {
-        throw new Error("require('".concat(id, "') \u5728\u6D4F\u89C8\u5668\u73AF\u5883\u4E2D\u4E0D\u53EF\u7528"));
-    };
-}
-// 增强的模块加载版本（支持导出）
-function loadRemoteModule(url, options) {
-    if (options === void 0) { options = {}; }
-    return __awaiter(this, void 0, void 0, function () {
-        var _a, context, moduleExports, moduleContext;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _a = options.context, context = _a === void 0 ? {} : _a;
-                    moduleExports = {};
-                    moduleContext = __assign({ exports: moduleExports, module: { exports: moduleExports }, require: createSafeRequire() }, context);
-                    return [4 /*yield*/, loadRemoteScript(url, __assign(__assign({}, options), { context: moduleContext }))];
-                case 1:
-                    _b.sent();
-                    return [2 /*return*/, moduleContext.module.exports];
-            }
-        });
-    });
-}
-
-var enableDebugFiled$1 = require$$0.__my_react_shared__.enableDebugFiled, enableScopeTreeLog$1 = require$$0.__my_react_shared__.enableScopeTreeLog;
+var enableDebugFiled$1 = typeExports.__my_react_shared__.enableDebugFiled, enableScopeTreeLog$1 = typeExports.__my_react_shared__.enableScopeTreeLog;
 /**
  * @internal
  */
@@ -9167,8 +8894,8 @@ var prepareScheduler = function () {
     myreactReconcilerExports.initScheduler();
 };
 
-var enableDebugFiled = require$$0.__my_react_shared__.enableDebugFiled, enableScopeTreeLog = require$$0.__my_react_shared__.enableScopeTreeLog;
-var currentScheduler = require$$0.__my_react_internal__.currentScheduler;
+var enableDebugFiled = typeExports.__my_react_shared__.enableDebugFiled, enableScopeTreeLog = typeExports.__my_react_shared__.enableScopeTreeLog;
+var currentScheduler = typeExports.__my_react_internal__.currentScheduler;
 // react-reconciler compat implementation
 var Reconciler = function (_config) {
     var rendererPackageName = "@my-react";
@@ -9193,6 +8920,7 @@ var Reconciler = function (_config) {
         return _container;
     };
     var updateContainer = function (_element, _container, _ignore, _cb) {
+        var _a;
         var renderDispatch = _container.__container__;
         var renderScheduler = currentScheduler.current;
         if (renderDispatch instanceof myreactReconcilerExports.CustomRenderDispatch) {
@@ -9210,6 +8938,7 @@ var Reconciler = function (_config) {
                 return;
             }
             myreactReconcilerExports.unmountContainer(renderDispatch);
+            (_a = _config === null || _config === void 0 ? void 0 : _config.clearContainer) === null || _a === void 0 ? void 0 : _a.call(_config, _container);
             ReconcilerSet.delete(renderDispatch);
             renderScheduler.dispatchSet.uniDelete(renderDispatch);
             delGlobalDispatch(renderDispatch);
@@ -9228,47 +8957,32 @@ var Reconciler = function (_config) {
         myreactReconcilerExports.mountSync(_renderDispatch, _fiber);
         _renderDispatch.isAppMounted = true;
     };
-    var injectIntoDevTools = function (_config) { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    rendererPackageName = _config.rendererPackageName || rendererPackageName;
-                    ReconcilerSet.forEach(function (renderDispatch) { return (renderDispatch.renderPackage = rendererPackageName); });
-                    if (globalThis["__MY_REACT_DEVTOOL_INTERNAL__"])
-                        return [2 /*return*/];
-                    // load core runtime
-                    // await loadScript("https://mrwangjusttodo.github.io/myreact-devtools/bundle/hook.js");
-                    return [4 /*yield*/, loadRemoteModule("https://mrwangjusttodo.github.io/myreact-devtools/bundle/hook.js", { context: { globalThis: globalThis } })];
-                case 1:
-                    // load core runtime
-                    // await loadScript("https://mrwangjusttodo.github.io/myreact-devtools/bundle/hook.js");
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    var injectIntoDevToolsWithSocketIO = function (url, _config) { return __awaiter(void 0, void 0, void 0, function () {
+    var injectIntoDevTools = function (_config) {
+        rendererPackageName = _config.rendererPackageName || rendererPackageName;
+        ReconcilerSet.forEach(function (renderDispatch) { return (renderDispatch.renderPackage = rendererPackageName); });
+        if (globalThis["__MY_REACT_DEVTOOL_INTERNAL__"])
+            return;
+    };
+    var injectIntoDevToolsAuto = function (url, _config) { return __awaiter(void 0, void 0, void 0, function () {
         var init;
         return __generator(this, function (_b) {
             switch (_b.label) {
-                case 0: 
-                // load core runtime
-                return [4 /*yield*/, injectIntoDevTools(_config || {})];
+                case 0:
+                    // set core runtime
+                    // you should load core runtime by your self, see packages/myreact-reconciler-compact/src/preload.ts
+                    injectIntoDevTools(_config || {});
+                    init = globalThis["__MY_REACT_DEVTOOL_NODE__"] || globalThis["__MY_REACT_DEVTOOL_BUNDLE__"] || globalThis["__MY_REACT_DEVTOOL_BUNDLE_WS__"];
+                    _b.label = 1;
                 case 1:
-                    // load core runtime
-                    _b.sent();
-                    init = globalThis["__MY_REACT_DEVTOOL_NODE__"];
-                    _b.label = 2;
-                case 2:
-                    _b.trys.push([2, 4, , 5]);
+                    _b.trys.push([1, 3, , 4]);
                     return [4 /*yield*/, init(url)];
-                case 3:
+                case 2:
                     _b.sent();
-                    return [3 /*break*/, 5];
-                case 4:
+                    return [3 /*break*/, 4];
+                case 3:
                     _b.sent();
-                    return [3 /*break*/, 5];
-                case 5: return [2 /*return*/];
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
             }
         });
     }); };
@@ -9281,15 +8995,14 @@ var Reconciler = function (_config) {
         updateContainer: updateContainer,
         injectIntoDevTools: injectIntoDevTools,
         getPublicRootInstance: getPublicRootInstance,
-        injectIntoDevToolsWithSocketIO: injectIntoDevToolsWithSocketIO,
+        injectIntoDevToolsAuto: injectIntoDevToolsAuto,
         flushSync: myreactReconcilerExports.safeCallWithSync,
         flushSyncWork: myreactReconcilerExports.safeCallWithSync,
         batchedUpdates: myreactReconcilerExports.safeCallWithSync,
     };
 };
 
-/* eslint-disable import/export */
-var version = "0.0.13";
+var version = "0.0.15";
 var createReconciler = Reconciler;
 
 exports.createReconciler = createReconciler;