@my-react/react-reconciler-compact 0.0.1 → 0.0.2

package/dist/cjs/index.development.js

@@ -291,6 +291,8 @@ function requireIndex_development_1 () {
 				    UpdateQueueType[UpdateQueueType["hmr"] = 4] = "hmr";
 				    UpdateQueueType[UpdateQueueType["trigger"] = 5] = "trigger";
 				    UpdateQueueType[UpdateQueueType["suspense"] = 6] = "suspense";
+				    UpdateQueueType[UpdateQueueType["lazy"] = 7] = "lazy";
+				    UpdateQueueType[UpdateQueueType["promise"] = 8] = "promise";
 				})(exports.UpdateQueueType || (exports.UpdateQueueType = {}));
 
 				exports.STATE_TYPE = void 0;
@@ -298,17 +300,15 @@ function requireIndex_development_1 () {
 				    STATE_TYPE[STATE_TYPE["__initial__"] = 0] = "__initial__";
 				    STATE_TYPE[STATE_TYPE["__create__"] = 1] = "__create__";
 				    STATE_TYPE[STATE_TYPE["__stable__"] = 2] = "__stable__";
-				    STATE_TYPE[STATE_TYPE["__skippedConcurrent__"] = 4] = "__skippedConcurrent__";
-				    STATE_TYPE[STATE_TYPE["__skippedSync__"] = 8] = "__skippedSync__";
-				    STATE_TYPE[STATE_TYPE["__inherit__"] = 16] = "__inherit__";
-				    STATE_TYPE[STATE_TYPE["__triggerConcurrent__"] = 32] = "__triggerConcurrent__";
-				    STATE_TYPE[STATE_TYPE["__triggerConcurrentForce__"] = 64] = "__triggerConcurrentForce__";
-				    STATE_TYPE[STATE_TYPE["__triggerSync__"] = 128] = "__triggerSync__";
-				    STATE_TYPE[STATE_TYPE["__triggerSyncForce__"] = 256] = "__triggerSyncForce__";
-				    STATE_TYPE[STATE_TYPE["__unmount__"] = 512] = "__unmount__";
-				    STATE_TYPE[STATE_TYPE["__hmr__"] = 1024] = "__hmr__";
-				    STATE_TYPE[STATE_TYPE["__retrigger__"] = 2048] = "__retrigger__";
-				    STATE_TYPE[STATE_TYPE["__reschedule__"] = 4096] = "__reschedule__";
+				    STATE_TYPE[STATE_TYPE["__inherit__"] = 4] = "__inherit__";
+				    STATE_TYPE[STATE_TYPE["__triggerConcurrent__"] = 8] = "__triggerConcurrent__";
+				    STATE_TYPE[STATE_TYPE["__triggerConcurrentForce__"] = 16] = "__triggerConcurrentForce__";
+				    STATE_TYPE[STATE_TYPE["__triggerSync__"] = 32] = "__triggerSync__";
+				    STATE_TYPE[STATE_TYPE["__triggerSyncForce__"] = 64] = "__triggerSyncForce__";
+				    STATE_TYPE[STATE_TYPE["__unmount__"] = 128] = "__unmount__";
+				    STATE_TYPE[STATE_TYPE["__hmr__"] = 256] = "__hmr__";
+				    STATE_TYPE[STATE_TYPE["__retrigger__"] = 512] = "__retrigger__";
+				    STATE_TYPE[STATE_TYPE["__reschedule__"] = 1024] = "__reschedule__";
 				})(exports.STATE_TYPE || (exports.STATE_TYPE = {}));
 
 				exports.PATCH_TYPE = void 0;
@@ -918,7 +918,7 @@ function requireIndex_development_1 () {
 		    enableSyncFlush$1.current = stack.pop();
 		};
 
-		var currentRunningFiber$5 = react.__my_react_internal__.currentRunningFiber, currentScheduler$f = react.__my_react_internal__.currentScheduler, currentScopeFiber$2 = react.__my_react_internal__.currentScopeFiber, currentError$1 = react.__my_react_internal__.currentError, currentCallingFiber$1 = react.__my_react_internal__.currentCallingFiber;
+		var currentRunningFiber$5 = react.__my_react_internal__.currentRunningFiber, currentScheduler$g = 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 safeCall = function (action) {
 		    var args = [];
 		    for (var _i = 1; _i < arguments.length; _i++) {
@@ -928,8 +928,8 @@ function requireIndex_development_1 () {
 		        return action.call.apply(action, __spreadArray([null], args, false));
 		    }
 		    catch (e) {
-		        var fiber = (currentCallingFiber$1 === null || currentCallingFiber$1 === void 0 ? void 0 : currentCallingFiber$1[(currentCallingFiber$1 === null || currentCallingFiber$1 === void 0 ? void 0 : currentCallingFiber$1.length) - 1]) || currentScopeFiber$2.current || currentRunningFiber$5.current;
-		        var renderScheduler = currentScheduler$f.current;
+		        var fiber = (currentCallingFiber$1 === null || currentCallingFiber$1 === void 0 ? void 0 : currentCallingFiber$1[(currentCallingFiber$1 === null || currentCallingFiber$1 === void 0 ? void 0 : currentCallingFiber$1.length) - 1]) || currentScopeFiber$1.current || currentRunningFiber$5.current;
+		        var renderScheduler = currentScheduler$g.current;
 		        currentError$1.current = currentError$1.current || e;
 		        renderScheduler.dispatchError({ fiber: fiber, error: currentError$1.current });
 		    }
@@ -949,7 +949,7 @@ function requireIndex_development_1 () {
 		            return fallback();
 		        }
 		        else {
-		            var renderScheduler = currentScheduler$f.current;
+		            var renderScheduler = currentScheduler$g.current;
 		            currentError$1.current = currentError$1.current || e;
 		            renderScheduler.dispatchError({ fiber: fiber, error: currentError$1.current });
 		        }
@@ -964,12 +964,12 @@ function requireIndex_development_1 () {
 		    for (var _i = 1; _i < arguments.length; _i++) {
 		        args[_i - 1] = arguments[_i];
 		    }
-		    currentScopeFiber$2.current = fiber;
+		    currentScopeFiber$1.current = fiber;
 		    try {
 		        return action.call.apply(action, __spreadArray([null], args, false));
 		    }
 		    finally {
-		        currentScopeFiber$2.current = null;
+		        currentScopeFiber$1.current = null;
 		    }
 		};
 		var safeCallWithSync = function (action) {
@@ -982,8 +982,8 @@ function requireIndex_development_1 () {
 		        return action.call.apply(action, __spreadArray([null], args, false));
 		    }
 		    catch (e) {
-		        var fiber = (currentCallingFiber$1 === null || currentCallingFiber$1 === void 0 ? void 0 : currentCallingFiber$1[(currentCallingFiber$1 === null || currentCallingFiber$1 === void 0 ? void 0 : currentCallingFiber$1.length) - 1]) || currentScopeFiber$2.current || currentRunningFiber$5.current;
-		        var renderScheduler = currentScheduler$f.current;
+		        var fiber = (currentCallingFiber$1 === null || currentCallingFiber$1 === void 0 ? void 0 : currentCallingFiber$1[(currentCallingFiber$1 === null || currentCallingFiber$1 === void 0 ? void 0 : currentCallingFiber$1.length) - 1]) || currentScopeFiber$1.current || currentRunningFiber$5.current;
+		        var renderScheduler = currentScheduler$g.current;
 		        currentError$1.current = currentError$1.current || e;
 		        renderScheduler.dispatchError({ fiber: fiber, error: currentError$1.current });
 		    }
@@ -992,7 +992,7 @@ function requireIndex_development_1 () {
 		    }
 		};
 
-		var currentScheduler$e = react.__my_react_internal__.currentScheduler, currentRunningFiber$4 = react.__my_react_internal__.currentRunningFiber, currentScopeFiber$1 = react.__my_react_internal__.currentScopeFiber, currentCallingFiber = react.__my_react_internal__.currentCallingFiber;
+		var currentScheduler$f = 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 typeColor = {
 		    normal: "rgba(10, 190, 235, 0.8)",
@@ -1047,9 +1047,9 @@ function requireIndex_development_1 () {
 		    for (var _i = 0; _i < arguments.length; _i++) {
 		        args[_i] = arguments[_i];
 		    }
-		    var renderScheduler = currentScheduler$e.current;
+		    var renderScheduler = currentScheduler$f.current;
 		    var startWithPlain = typeof args[0] === "string";
-		    var renderFiber = warnFiber || (currentCallingFiber === null || currentCallingFiber === void 0 ? void 0 : currentCallingFiber[(currentCallingFiber === null || currentCallingFiber === void 0 ? void 0 : currentCallingFiber.length) - 1]) || currentScopeFiber$1.current || currentRunningFiber$4.current;
+		    var renderFiber = warnFiber || (currentCallingFiber === null || currentCallingFiber === void 0 ? void 0 : currentCallingFiber[(currentCallingFiber === null || currentCallingFiber === void 0 ? void 0 : currentCallingFiber.length) - 1]) || currentScopeFiber.current || currentRunningFiber$4.current;
 		    renderFiber && fiberWarn.apply(void 0, __spreadArray([renderFiber], args, false));
 		    var treeLog = renderFiber ? renderScheduler.getFiberTree(renderFiber) : "";
 		    if (enableFiberForLog.current && renderFiber) {
@@ -1084,9 +1084,9 @@ function requireIndex_development_1 () {
 		    for (var _i = 0; _i < arguments.length; _i++) {
 		        args[_i] = arguments[_i];
 		    }
-		    var renderScheduler = currentScheduler$e.current;
+		    var renderScheduler = currentScheduler$f.current;
 		    var startWithPlain = typeof args[0] === "string";
-		    var renderFiber = errorFiber || (currentCallingFiber === null || currentCallingFiber === void 0 ? void 0 : currentCallingFiber[(currentCallingFiber === null || currentCallingFiber === void 0 ? void 0 : currentCallingFiber.length) - 1]) || currentScopeFiber$1.current || currentRunningFiber$4.current;
+		    var renderFiber = errorFiber || (currentCallingFiber === null || currentCallingFiber === void 0 ? void 0 : currentCallingFiber[(currentCallingFiber === null || currentCallingFiber === void 0 ? void 0 : currentCallingFiber.length) - 1]) || currentScopeFiber.current || currentRunningFiber$4.current;
 		    renderFiber && fiberError.apply(void 0, __spreadArray([renderFiber], args, false));
 		    var treeLog = renderFiber ? renderScheduler.getFiberTree(renderFiber) : "";
 		    if (enableFiberForLog.current && renderFiber) {
@@ -1328,7 +1328,7 @@ function requireIndex_development_1 () {
 		    for (var _i = 2; _i < arguments.length; _i++) {
 		        args[_i - 2] = arguments[_i];
 		    }
-		    var renderScheduler = currentScheduler$e.current;
+		    var renderScheduler = currentScheduler$f.current;
 		    var tree = renderScheduler.getFiberTree(fiber);
 		    if ((_b = warnMap === null || warnMap === void 0 ? void 0 : warnMap[tree]) === null || _b === void 0 ? void 0 : _b[key])
 		        return;
@@ -1344,7 +1344,7 @@ function requireIndex_development_1 () {
 		    for (var _i = 2; _i < arguments.length; _i++) {
 		        args[_i - 2] = arguments[_i];
 		    }
-		    var renderScheduler = currentScheduler$e.current;
+		    var renderScheduler = currentScheduler$f.current;
 		    var tree = renderScheduler.getFiberTree(fiber);
 		    if ((_b = errorMap === null || errorMap === void 0 ? void 0 : errorMap[tree]) === null || _b === void 0 ? void 0 : _b[key])
 		        return;
@@ -1595,7 +1595,7 @@ function requireIndex_development_1 () {
 		    }
 		};
 
-		var currentRunningFiber$3 = react.__my_react_internal__.currentRunningFiber, currentScheduler$d = react.__my_react_internal__.currentScheduler;
+		var currentRunningFiber$3 = react.__my_react_internal__.currentRunningFiber, currentScheduler$e = react.__my_react_internal__.currentScheduler;
 		var dispatchHook = function (params) {
 		    var fiber = currentRunningFiber$3.current;
 		    if (!fiber) {
@@ -1685,7 +1685,7 @@ function requireIndex_development_1 () {
 		    }
 		};
 		var initScheduler = function () {
-		    var scheduler = currentScheduler$d.current;
+		    var scheduler = currentScheduler$e.current;
 		    scheduler.getFiberTree = getFiberTree;
 		    scheduler.readPromise = readPromise;
 		    scheduler.readContext = readContext;
@@ -1926,20 +1926,19 @@ function requireIndex_development_1 () {
 
 		/* eslint-disable max-lines */
 		var enableDebugFiled$7 = react.__my_react_shared__.enableDebugFiled;
-		var currentScheduler$c = react.__my_react_internal__.currentScheduler;
+		var currentScheduler$d = react.__my_react_internal__.currentScheduler;
 		// TODO 整合
 		var processClassComponentUpdateQueue = function (renderDispatch, fiber, enableTaskPriority) {
 		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__unmount__))
 		        return;
 		    if (myreactSharedExports.exclude(fiber.type, exports.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 renderScheduler = currentScheduler$d.current;
 		    var allQueue = fiber.updateQueue;
 		    var typedFiber = fiber;
 		    var node = allQueue === null || allQueue === void 0 ? void 0 : allQueue.head;
 		    var needUpdate = true;
 		    var isSync = false;
-		    var isSkip = true;
 		    var isForce = false;
 		    var isImmediate = false;
 		    var isRetrigger = false;
@@ -1972,7 +1971,6 @@ function requireIndex_development_1 () {
 		                    },
 		                });
 		                isSync = isSync || updater.isSync;
-		                isSkip = isSkip && updater.isSkip;
 		                isForce = isForce || updater.isForce;
 		                isImmediate = isImmediate || updater.isImmediate;
 		                isRetrigger = isRetrigger || updater.isRetrigger;
@@ -1990,17 +1988,11 @@ function requireIndex_development_1 () {
 		                }
 		            }
 		            else if (updater.isSync) {
-		                if (updater.type !== myreactSharedExports.UpdateQueueType.hmr && updater.type !== myreactSharedExports.UpdateQueueType.trigger && updater.type !== myreactSharedExports.UpdateQueueType.suspense) {
-		                    {
-		                        console.error("[@my-react/react] current update not valid, look like a bug for @my-react", node);
-		                    }
-		                }
 		                allQueue.delete(node);
 		                {
 		                    processedNodes.push(updater);
 		                }
 		                isSync = isSync || updater.isSync;
-		                isSkip = isSkip && updater.isSkip;
 		                isForce = isForce || updater.isForce;
 		                isImmediate = isImmediate || updater.isImmediate;
 		                isRetrigger = isRetrigger || updater.isRetrigger;
@@ -2037,7 +2029,6 @@ function requireIndex_development_1 () {
 		                needUpdate: needUpdate,
 		                nodes: processedNodes,
 		                isSync: isSync,
-		                isSkip: isSkip,
 		                isForce: isForce,
 		                isImmediate: isImmediate,
 		                isRetrigger: isRetrigger,
@@ -2067,7 +2058,6 @@ function requireIndex_development_1 () {
 		                    },
 		                });
 		                isSync = isSync || updater.isSync;
-		                isSkip = isSkip && updater.isSkip;
 		                isForce = isForce || updater.isForce;
 		                isImmediate = isImmediate || updater.isImmediate;
 		                isRetrigger = isRetrigger || updater.isRetrigger;
@@ -2085,17 +2075,11 @@ function requireIndex_development_1 () {
 		                }
 		            }
 		            else {
-		                if (updater.type !== myreactSharedExports.UpdateQueueType.hmr && updater.type !== myreactSharedExports.UpdateQueueType.trigger && updater.type !== myreactSharedExports.UpdateQueueType.suspense) {
-		                    {
-		                        console.error("[@my-react/react] current update not valid, look like a bug for @my-react", node);
-		                    }
-		                }
 		                allQueue.delete(node);
 		                {
 		                    processedNodes.push(updater);
 		                }
 		                isSync = isSync || updater.isSync;
-		                isSkip = isSkip && updater.isSkip;
 		                isForce = isForce || updater.isForce;
 		                isImmediate = isImmediate || updater.isImmediate;
 		                isRetrigger = isRetrigger || updater.isRetrigger;
@@ -2127,7 +2111,6 @@ function requireIndex_development_1 () {
 		                needUpdate: needUpdate,
 		                nodes: processedNodes,
 		                isSync: isSync,
-		                isSkip: isSkip,
 		                isForce: isForce,
 		                isImmediate: isImmediate,
 		                isRetrigger: isRetrigger,
@@ -2143,13 +2126,12 @@ function requireIndex_development_1 () {
 		    if (myreactSharedExports.exclude(fiber.type, exports.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;
+		    var renderScheduler = currentScheduler$d.current;
 		    var allQueue = fiber.updateQueue;
 		    var typedFiber = fiber;
 		    var node = allQueue === null || allQueue === void 0 ? void 0 : allQueue.head;
 		    var needUpdate = false;
 		    var isSync = false;
-		    var isSkip = true;
 		    var isForce = false;
 		    var isImmediate = false;
 		    var isRetrigger = false;
@@ -2190,7 +2172,6 @@ function requireIndex_development_1 () {
 		                    },
 		                });
 		                isSync = isSync || updater.isSync;
-		                isSkip = isSkip && updater.isSkip;
 		                isForce = isForce || updater.isForce;
 		                isImmediate = isImmediate || updater.isImmediate;
 		                isRetrigger = isRetrigger || updater.isRetrigger;
@@ -2211,18 +2192,12 @@ function requireIndex_development_1 () {
 		                }
 		            }
 		            else if (updater.isSync) {
-		                if (updater.type !== myreactSharedExports.UpdateQueueType.hmr && updater.type !== myreactSharedExports.UpdateQueueType.trigger && updater.type !== myreactSharedExports.UpdateQueueType.suspense) {
-		                    {
-		                        console.error("[@my-react/react] current update not valid, look like a bug for @my-react", node);
-		                    }
-		                }
 		                allQueue.delete(node);
 		                {
 		                    processedNodes.push(updater);
 		                }
 		                var payLoad = updater.payLoad;
 		                isSync = isSync || updater.isSync;
-		                isSkip = isSkip && updater.isSkip;
 		                isForce = isForce || updater.isForce;
 		                isImmediate = isImmediate || updater.isImmediate;
 		                isRetrigger = isRetrigger || updater.isRetrigger;
@@ -2259,7 +2234,6 @@ function requireIndex_development_1 () {
 		                needUpdate: needUpdate,
 		                nodes: processedNodes,
 		                isSync: isSync,
-		                isSkip: isSkip,
 		                isForce: isForce,
 		                isImmediate: isImmediate,
 		                isRetrigger: isRetrigger,
@@ -2302,7 +2276,6 @@ function requireIndex_development_1 () {
 		                    },
 		                });
 		                isSync = isSync || updater.isSync;
-		                isSkip = isSkip && updater.isSkip;
 		                isForce = isForce || updater.isForce;
 		                isImmediate = isImmediate || updater.isImmediate;
 		                isRetrigger = isRetrigger || updater.isRetrigger;
@@ -2323,18 +2296,12 @@ function requireIndex_development_1 () {
 		                }
 		            }
 		            else {
-		                if (updater.type !== myreactSharedExports.UpdateQueueType.hmr && updater.type !== myreactSharedExports.UpdateQueueType.trigger && updater.type !== myreactSharedExports.UpdateQueueType.suspense) {
-		                    {
-		                        console.error("[@my-react/react] current update not valid, look like a bug for @my-react", node);
-		                    }
-		                }
 		                allQueue.delete(node);
 		                {
 		                    processedNodes.push(updater);
 		                }
 		                var payLoad = updater.payLoad;
 		                isSync = isSync || updater.isSync;
-		                isSkip = isSkip && updater.isSkip;
 		                isForce = isForce || updater.isForce;
 		                isImmediate = isImmediate || updater.isImmediate;
 		                isRetrigger = isRetrigger || updater.isRetrigger;
@@ -2366,7 +2333,6 @@ function requireIndex_development_1 () {
 		                needUpdate: needUpdate,
 		                nodes: processedNodes,
 		                isSync: isSync,
-		                isSkip: isSkip,
 		                isForce: isForce,
 		                isImmediate: isImmediate,
 		                isRetrigger: isRetrigger,
@@ -2383,7 +2349,6 @@ function requireIndex_development_1 () {
 		    var node = allQueue === null || allQueue === void 0 ? void 0 : allQueue.head;
 		    var needUpdate = true;
 		    var isSync = false;
-		    var isSkip = true;
 		    var isForce = false;
 		    var isImmediate = false;
 		    var isRetrigger = false;
@@ -2392,18 +2357,12 @@ function requireIndex_development_1 () {
 		    while (node) {
 		        var updater = node.value;
 		        var nextNode = node.next;
-		        if (updater.type === myreactSharedExports.UpdateQueueType.hook || updater.type === myreactSharedExports.UpdateQueueType.component) {
-		            {
-		                console.error("[@my-react/react] current update not valid, look like a bug for @my-react", node);
-		            }
-		        }
 		        allQueue.delete(node);
 		        {
 		            processedNodes.push(updater);
 		        }
 		        var payLoad = updater.payLoad;
 		        isSync = isSync || updater.isSync;
-		        isSkip = isSkip && updater.isSkip;
 		        isForce = isForce || updater.isForce;
 		        isImmediate = isImmediate || updater.isImmediate;
 		        isRetrigger = isRetrigger || updater.isRetrigger;
@@ -2430,7 +2389,6 @@ function requireIndex_development_1 () {
 		            needUpdate: needUpdate,
 		            nodes: processedNodes,
 		            isSync: isSync,
-		            isSkip: isSkip,
 		            isForce: isForce,
 		            isImmediate: isImmediate,
 		            isRetrigger: isRetrigger,
@@ -2456,6 +2414,27 @@ function requireIndex_development_1 () {
 		    syncComponentStateToFiber(fiber);
 		};
 
+		var initClassInstance = function (instance) {
+		    var field = getInstanceFieldByInstance(instance);
+		    if (!field)
+		        throw new Error("[@my-react/react] can not find instance field for component, look like a bug for @my-react");
+		    var typedField = field;
+		    typedField.isMounted = false;
+		};
+		var mountClassInstance = function (instance) {
+		    var field = getInstanceFieldByInstance(instance);
+		    if (!field)
+		        throw new Error("[@my-react/react] can not find instance field for component, look like a bug for @my-react");
+		    var typedField = field;
+		    typedField.isMounted = true;
+		};
+		var getClassInstanceFieldByInstance = function (instance) {
+		    var field = getInstanceFieldByInstance(instance);
+		    if (!field)
+		        throw new Error("[@my-react/react] can not find instance field for component, look like a bug for @my-react");
+		    return field;
+		};
+
 		/* eslint-disable max-lines */
 		var enableLegacyLifeCycle = react.__my_react_shared__.enableLegacyLifeCycle;
 		// eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -2517,6 +2496,7 @@ function requireIndex_development_1 () {
 		    instance.context = context;
 		    fiber.instance = instance;
 		    initInstance(instance);
+		    initClassInstance(instance);
 		    setOwnerForInstance(instance, fiber);
 		    setContextForInstance(instance, providerFiber);
 		    fiber.pendingState = instance.state;
@@ -2545,12 +2525,13 @@ function requireIndex_development_1 () {
 		var processComponentDidMountOnMount = function (renderDispatch, fiber) {
 		    var typedInstance = fiber.instance;
 		    var effect = getInstanceEffectState(typedInstance);
-		    if (typedInstance.componentDidMount && myreactSharedExports.exclude(effect, myreactSharedExports.Effect_TYPE.__effect__)) {
+		    if (myreactSharedExports.exclude(effect, myreactSharedExports.Effect_TYPE.__effect__)) {
 		        setEffectForInstance(typedInstance, myreactSharedExports.Effect_TYPE.__effect__);
 		        renderDispatch.pendingLayoutEffect(fiber, function invokeComponentDidMountOnInstance() {
 		            var _a;
 		            setEffectForInstance(typedInstance, myreactSharedExports.Effect_TYPE.__initial__);
 		            (_a = typedInstance.componentDidMount) === null || _a === void 0 ? void 0 : _a.call(typedInstance);
+		            mountClassInstance(typedInstance);
 		        });
 		    }
 		};
@@ -2803,6 +2784,9 @@ function requireIndex_development_1 () {
 		};
 		var processClassComponentUnmount = function (renderDispatch, fiber) {
 		    var typedInstance = fiber.instance;
+		    if (!typedInstance)
+		        return;
+		    var classField = getInstanceFieldByInstance(typedInstance);
 		    safeCallWithCurrentFiber({
 		        fiber: fiber,
 		        action: function safeCallInstanceUnmountListener() {
@@ -2814,26 +2798,20 @@ function requireIndex_development_1 () {
 		        fiber: fiber,
 		        action: function safeCallComponentWillUnmountOnInstance() {
 		            var _a;
-		            (_a = typedInstance === null || typedInstance === void 0 ? void 0 : typedInstance.componentWillUnmount) === null || _a === void 0 ? void 0 : _a.call(typedInstance);
+		            if (classField.isMounted) {
+		                (_a = typedInstance === null || typedInstance === void 0 ? void 0 : typedInstance.componentWillUnmount) === null || _a === void 0 ? void 0 : _a.call(typedInstance);
+		            }
 		        },
 		    });
 		};
 
 		var currentComponentFiber$4 = react.__my_react_internal__.currentComponentFiber, MyReactInternalInstance$4 = react.__my_react_internal__.MyReactInternalInstance;
-		var enableLoopFromRoot$1 = react.__my_react_shared__.enableLoopFromRoot;
 		var processProvider = function (renderDispatch, fiber) {
 		    if (renderDispatch.isAppMounted) {
-		        var prevProps_1 = fiber.memoizedProps.value;
-		        var nextProps_1 = fiber.pendingProps.value;
-		        if (!myreactSharedExports.isNormalEquals(prevProps_1, nextProps_1)) {
-		            if (enableLoopFromRoot$1.current) {
-		                prepareUpdateAllDependence(renderDispatch, fiber, prevProps_1, nextProps_1);
-		            }
-		            else {
-		                renderDispatch.pendingLayoutEffect(fiber, function invokePrepareUpdateAllDependenceFromRoot() {
-		                    prepareUpdateAllDependenceFromRoot(renderDispatch, fiber, prevProps_1, nextProps_1);
-		                });
-		            }
+		        var prevProps = fiber.memoizedProps.value;
+		        var nextProps = fiber.pendingProps.value;
+		        if (!myreactSharedExports.isNormalEquals(prevProps, nextProps)) {
+		            prepareUpdateAllDependence(renderDispatch, fiber, prevProps, nextProps);
 		        }
 		    }
 		};
@@ -2868,7 +2846,7 @@ function requireIndex_development_1 () {
 		    return children;
 		};
 
-		var currentHookTreeNode$2 = react.__my_react_internal__.currentHookTreeNode, currentHookNodeIndex$2 = react.__my_react_internal__.currentHookNodeIndex, currentScheduler$b = react.__my_react_internal__.currentScheduler;
+		var currentHookTreeNode$2 = react.__my_react_internal__.currentHookTreeNode, currentHookNodeIndex$2 = react.__my_react_internal__.currentHookNodeIndex, currentScheduler$c = react.__my_react_internal__.currentScheduler;
 		var processFunction = function (fiber) {
 		    var _a;
 		    currentHookTreeNode$2.current = (_a = fiber.hookList) === null || _a === void 0 ? void 0 : _a.head;
@@ -2887,7 +2865,7 @@ function requireIndex_development_1 () {
 		                }
 		                catch (e) {
 		                    if (myreactSharedExports.isPromise(e)) {
-		                        re = (_b = (_a = currentScheduler$b.current) === null || _a === void 0 ? void 0 : _a.dispatchPromise) === null || _b === void 0 ? void 0 : _b.call(_a, { fiber: fiber, promise: e });
+		                        re = (_b = (_a = currentScheduler$c.current) === null || _a === void 0 ? void 0 : _a.dispatchPromise) === null || _b === void 0 ? void 0 : _b.call(_a, { fiber: fiber, promise: e });
 		                    }
 		                    else {
 		                        throw e;
@@ -2908,7 +2886,7 @@ function requireIndex_development_1 () {
 		                }
 		                catch (e) {
 		                    if (myreactSharedExports.isPromise(e)) {
-		                        re = (_b = (_a = currentScheduler$b.current) === null || _a === void 0 ? void 0 : _a.dispatchPromise) === null || _b === void 0 ? void 0 : _b.call(_a, { fiber: fiber, promise: e });
+		                        re = (_b = (_a = currentScheduler$c.current) === null || _a === void 0 ? void 0 : _a.dispatchPromise) === null || _b === void 0 ? void 0 : _b.call(_a, { fiber: fiber, promise: e });
 		                    }
 		                    else {
 		                        throw e;
@@ -2941,8 +2919,8 @@ function requireIndex_development_1 () {
 		    return false;
 		};
 
-		var currentScheduler$a = react.__my_react_internal__.currentScheduler;
-		var loadLazy = function (renderDispatch, fiber, typedElementType) { return __awaiter(void 0, void 0, void 0, function () {
+		var currentScheduler$b = react.__my_react_internal__.currentScheduler;
+		var loadLazy = function (renderDispatch, typedElementType) { return __awaiter(void 0, void 0, void 0, function () {
 		    var loadedPromise, loaded, render, e_1;
 		    return __generator(this, function (_a) {
 		        switch (_a.label) {
@@ -2955,9 +2933,9 @@ function requireIndex_development_1 () {
 		                typedElementType._loading = true;
 		                loadedPromise = typedElementType.loader();
 		                if (!myreactSharedExports.isPromise(loadedPromise)) {
-		                    devWarnWithFiber(fiber, "@my-react lazy() must return a promise");
+		                    console.warn("[@my-react/react] lazy() must return a promise, but got", loadedPromise);
 		                }
-		                return [4 /*yield*/, loadedPromise];
+		                return [4 /*yield*/, Promise.resolve(loadedPromise)];
 		            case 2:
 		                loaded = _a.sent();
 		                render = typeof loaded === "object" && (typeof (loaded === null || loaded === void 0 ? void 0 : loaded.default) === "function" || typeof (loaded === null || loaded === void 0 ? void 0 : loaded.default) === "object") ? loaded.default : loaded;
@@ -2979,31 +2957,50 @@ function requireIndex_development_1 () {
 		    var _a, _b;
 		    var typedElementType = fiber.elementType;
 		    if (typedElementType._error) {
-		        (_b = (_a = currentScheduler$a.current).dispatchError) === null || _b === void 0 ? void 0 : _b.call(_a, { fiber: fiber, error: typedElementType._error });
+		        (_b = (_a = currentScheduler$b.current).dispatchError) === null || _b === void 0 ? void 0 : _b.call(_a, { fiber: fiber, error: typedElementType._error });
 		        return null;
 		    }
 		    if (typedElementType._loaded === true) {
 		        var render = typedElementType.render;
 		        return WrapperByLazyScope(react.createElement(render, fiber.pendingProps));
 		    }
-		    else if (typedElementType._loading === false) {
+		    typedElementType._list = typedElementType._list || new Set();
+		    typedElementType._list.add(fiber);
+		    var suspenseFiber = renderDispatch.resolveSuspenseFiber(fiber);
+		    if (suspenseFiber) {
+		        var suspenseField = getInstanceFieldByInstance(suspenseFiber.instance);
+		        suspenseField.asyncLoadList.uniPush(typedElementType);
+		        renderDispatch.pendingSuspenseFiberArray.uniPush(suspenseFiber);
+		        return null;
+		    }
+		    else {
+		        if (typedElementType._loading)
+		            return null;
 		        typedElementType._loading = true;
-		        renderDispatch.pendingAsyncLoadList = renderDispatch.pendingAsyncLoadList || new myreactSharedExports.ListTree();
-		        if (!renderDispatch.runtimeFiber.visibleFiber) {
-		            var visibleFiber = renderDispatch.resolveSuspenseFiber(fiber);
-		            if (visibleFiber) {
-		                renderDispatch.runtimeFiber.visibleFiber = visibleFiber;
-		                renderDispatch.pendingAsyncLoadList.push(fiber);
-		            }
-		            else {
-		                throw new Error("[@my-react/react] lazy component should be used in a suspense boundary");
-		            }
-		        }
-		        else {
-		            renderDispatch.pendingAsyncLoadList.push(fiber);
-		        }
+		        var renderScheduler_1 = currentScheduler$b.current;
+		        renderDispatch.processLazy(typedElementType).then(function () {
+		            fiber.state = myreactSharedExports.STATE_TYPE.__triggerSync__;
+		            typedElementType._list.delete(fiber);
+		            var updater = {
+		                type: myreactSharedExports.UpdateQueueType.lazy,
+		                trigger: fiber,
+		                isSync: true,
+		                isForce: true,
+		                payLoad: typedElementType,
+		            };
+		            renderScheduler_1.dispatchState(updater);
+		        });
+		        return null;
 		    }
-		    return null;
+		};
+
+		var initSuspenseInstance = function (instance) {
+		    var field = getInstanceFieldByInstance(instance);
+		    if (!field)
+		        throw new Error("[@my-react/react] can not get field for instance, this is a bug for @my-react");
+		    var typedField = field;
+		    typedField.isHidden = false;
+		    typedField.asyncLoadList = new myreactSharedExports.UniqueArray();
 		};
 
 		var MyReactInternalInstance$3 = react.__my_react_internal__.MyReactInternalInstance;
@@ -3012,6 +3009,7 @@ function requireIndex_development_1 () {
 		    fiber.instance = fiber.instance || new MyReactInternalInstance$3();
 		    !isUpdate && initInstance(fiber.instance);
 		    !isUpdate && initVisibleInstance(fiber.instance);
+		    !isUpdate && initSuspenseInstance(fiber.instance);
 		    !isUpdate && setOwnerForInstance(fiber.instance, fiber);
 		    var instanceField = getInstanceFieldByInstance(fiber.instance);
 		    var children = WrapperBySuspenseScope(instanceField.isHidden ? fiber.pendingProps.fallback : fiber.pendingProps.children);
@@ -3163,6 +3161,9 @@ function requireIndex_development_1 () {
 		        nextWorkCommon(renderDispatch, fiber, children);
 		    }
 		    else {
+		        var field = getClassInstanceFieldByInstance(fiber.instance);
+		        if (!field.isMounted)
+		            return;
 		        var _a = processClassComponentUpdate(renderDispatch, fiber), updated = _a.updated, children = _a.children;
 		        if (updated)
 		            nextWorkCommon(renderDispatch, fiber, children);
@@ -3303,7 +3304,7 @@ function requireIndex_development_1 () {
 		        fiber.state = myreactSharedExports.STATE_TYPE.__stable__;
 		    }
 		    else {
-		        fiber.state = myreactSharedExports.STATE_TYPE.__inherit__;
+		        fiber.state = myreactSharedExports.STATE_TYPE.__triggerSync__;
 		    }
 		    if (fiber.child)
 		        return fiber.child;
@@ -3344,7 +3345,7 @@ function requireIndex_development_1 () {
 		        fiber.state = myreactSharedExports.STATE_TYPE.__stable__;
 		    }
 		    else {
-		        fiber.state = myreactSharedExports.STATE_TYPE.__inherit__;
+		        fiber.state = myreactSharedExports.STATE_TYPE.__triggerSync__;
 		    }
 		    if (fiber.child)
 		        return fiber.child;
@@ -3359,47 +3360,6 @@ function requireIndex_development_1 () {
 		        renderDispatch.generateCommitList(nextFiber);
 		    return null;
 		};
-		var performToNextFiberFromTrigger = function (renderDispatch, fiber) {
-		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) || renderDispatch.isAppCrashed)
-		        return null;
-		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__stable__) && fiber.state !== myreactSharedExports.STATE_TYPE.__stable__) {
-		        devErrorWithFiber(fiber, "[@my-react/react] current fiber state not valid, look like a bug for @my-react");
-		    }
-		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__create__ |
-		        myreactSharedExports.STATE_TYPE.__inherit__ |
-		        myreactSharedExports.STATE_TYPE.__triggerSync__ |
-		        myreactSharedExports.STATE_TYPE.__triggerSyncForce__ |
-		        myreactSharedExports.STATE_TYPE.__triggerConcurrent__ |
-		        myreactSharedExports.STATE_TYPE.__triggerConcurrentForce__ |
-		        myreactSharedExports.STATE_TYPE.__retrigger__ |
-		        myreactSharedExports.STATE_TYPE.__reschedule__)) {
-		        fiber.state = myreactSharedExports.remove(fiber.state, myreactSharedExports.STATE_TYPE.__retrigger__);
-		        currentRunningFiber$2.current = fiber;
-		        {
-		            runtimeNextWorkDev(renderDispatch, fiber);
-		        }
-		        currentRunningFiber$2.current = null;
-		        triggerFiberUpdateListener(renderDispatch, fiber);
-		        if (!myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__retrigger__)) {
-		            fiber.state = myreactSharedExports.STATE_TYPE.__stable__;
-		        }
-		        else {
-		            fiber.state = myreactSharedExports.STATE_TYPE.__inherit__;
-		        }
-		        if (fiber.child)
-		            return fiber.child;
-		    }
-		    var nextFiber = fiber;
-		    while (nextFiber && nextFiber !== renderDispatch.runtimeFiber.scheduledFiber) {
-		        renderDispatch.generateCommitList(nextFiber);
-		        if (nextFiber.sibling)
-		            return nextFiber.sibling;
-		        nextFiber = nextFiber.parent;
-		    }
-		    if (nextFiber === renderDispatch.runtimeFiber.scheduledFiber)
-		        renderDispatch.generateCommitList(nextFiber);
-		    return null;
-		};
 
 		var defaultGenerateEffectMap = function (fiber, effect, map, option) {
 		    var list = map.get(fiber) || new myreactSharedExports.ListTree();
@@ -3502,159 +3462,48 @@ function requireIndex_development_1 () {
 		var layoutEffect = defaultInvokeLayoutEffect;
 		var insertionEffect = defaultInvokeInsertionEffect;
 
-		var isErrorBoundariesInstance = function (instance, Component) {
-		    return typeof instance.componentDidCatch === "function" || typeof Component.getDerivedStateFromError === "function";
-		};
-		var isErrorBoundariesComponent = function (fiber) {
-		    if (myreactSharedExports.include(fiber.type, exports.NODE_TYPE.__class__) && myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__stable__)) {
-		        var Component = fiber.elementType;
-		        var typedComponent = Component;
-		        var typedInstance = fiber.instance;
-		        return isErrorBoundariesInstance(typedInstance, typedComponent);
+		var defaultReadPromise = function (_promise) {
+		    if (_promise.status === "fulfilled") {
+		        return _promise.value;
+		    }
+		    else if (_promise.status === "rejected") {
+		        throw _promise.reason;
+		    }
+		    else {
+		        throw _promise;
 		    }
-		    return false;
 		};
-		var defaultResolveErrorBoundaries = function (fiber) {
+		var defaultResolveSuspenseValue = function (fiber) {
+		    var _a;
 		    var parent = fiber.parent;
 		    while (parent) {
-		        if (isErrorBoundariesComponent(parent)) {
-		            return parent;
+		        if (myreactSharedExports.include(parent.type, exports.NODE_TYPE.__suspense__)) {
+		            return (_a = parent.pendingProps) === null || _a === void 0 ? void 0 : _a["fallback"];
 		        }
 		        parent = parent.parent;
 		    }
 		    return null;
 		};
-
-		var currentComponentFiber$2 = react.__my_react_internal__.currentComponentFiber, currentRunningFiber$1 = react.__my_react_internal__.currentRunningFiber, currentScopeFiber = react.__my_react_internal__.currentScopeFiber;
-		var enableDebugFiled$5 = react.__my_react_shared__.enableDebugFiled;
-		var MAX_UPDATE_COUNT = 25;
-		var lastRenderComponentFiber = null;
-		var lastRenderComponentTimeStep = null;
-		var renderCount = 0;
-		var processState = function (renderDispatch, _params) {
-		    if (enableDebugFiled$5.current) {
-		        var typedUpdateQueue = _params;
-		        typedUpdateQueue._debugCreateTime = Date.now();
-		        typedUpdateQueue._debugType = myreactSharedExports.UpdateQueueType[_params.type];
-		    }
-		    var ownerFiber = getInstanceOwnerFiber(_params.trigger);
-		    if (!renderDispatch)
-		        return;
-		    _params.isSkip = !!_params.isSkip;
-		    _params.isImmediate =
-		        typeof _params.isImmediate === "boolean"
-		            ? _params.isImmediate
-		            : renderDispatch.isAppMounted
-		                ? !currentScopeFiber.current || !!currentRunningFiber$1.current
-		                : false;
-		    _params.isRetrigger = currentRunningFiber$1.current === ownerFiber || !!_params.isRetrigger;
-		    safeCallWithCurrentFiber({
-		        fiber: ownerFiber,
-		        action: function safeCallFiberStateListener() {
-		            var _a, _b;
-		            (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberState) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(ownerFiber, _params); });
-		        },
-		    });
-		    var isImmediate = _params.isImmediate;
-		    _params.isRetrigger;
-		    if (_params.type === myreactSharedExports.UpdateQueueType.component) {
-		        if (!ownerFiber || myreactSharedExports.include(ownerFiber.state, myreactSharedExports.STATE_TYPE.__unmount__))
-		            return;
-		        if (!exports.syncFlush && currentComponentFiber$2.current) {
-		            var currentRFiber = currentRunningFiber$1.current;
-		            var currentCFiber = currentComponentFiber$2.current;
-		            var now = Date.now();
-		            if (lastRenderComponentFiber === currentCFiber) {
-		                if (lastRenderComponentTimeStep && now - lastRenderComponentTimeStep < 4) {
-		                    renderCount++;
-		                }
-		                else {
-		                    renderCount = 0;
-		                }
-		            }
-		            else {
-		                renderCount = 0;
-		            }
-		            if (renderCount > MAX_UPDATE_COUNT) {
-		                renderCount = 0;
-		                throw new Error("[@my-react/react] look like there are infinity update for current component ".concat(currentComponentFiber$2.current && getElementName(currentComponentFiber$2.current)));
-		            }
-		            else if (!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"));
-		                }
-		            }
-		            lastRenderComponentFiber = currentCFiber;
-		            lastRenderComponentTimeStep = now;
+		var defaultResolveSuspenseFiber = function (fiber) {
+		    var parent = fiber.parent;
+		    while (parent) {
+		        if (myreactSharedExports.include(parent.type, exports.NODE_TYPE.__suspense__)) {
+		            return parent;
 		        }
-		        var trigger_1 = _params.trigger;
-		        safeCallWithCurrentFiber({
-		            fiber: ownerFiber,
-		            action: function safeCallInstanceStateListener() {
-		                var _a, _b;
-		                (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.instanceState) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(trigger_1, ownerFiber, _params); });
-		            },
-		        });
-		        ownerFiber.updateQueue = ownerFiber.updateQueue || new myreactSharedExports.ListTree();
-		        ownerFiber.updateQueue.push(_params);
-		        prepareUpdateOnFiber(renderDispatch, ownerFiber, isImmediate);
+		        parent = parent.parent;
 		    }
-		    else if (_params.type === myreactSharedExports.UpdateQueueType.hook) {
-		        if (!ownerFiber || myreactSharedExports.include(ownerFiber === null || ownerFiber === void 0 ? void 0 : ownerFiber.state, myreactSharedExports.STATE_TYPE.__unmount__))
-		            return;
-		        if (!exports.syncFlush && currentComponentFiber$2.current) {
-		            var currentRFiber = currentRunningFiber$1.current;
-		            var currentCFiber = currentComponentFiber$2.current;
-		            var now = Date.now();
-		            if (lastRenderComponentFiber === currentCFiber) {
-		                if (lastRenderComponentTimeStep && now - lastRenderComponentTimeStep < 4) {
-		                    renderCount++;
-		                }
-		                else {
-		                    renderCount = 0;
-		                }
-		            }
-		            else {
-		                renderCount = 0;
-		            }
-		            if (renderCount > MAX_UPDATE_COUNT) {
-		                renderCount = 0;
-		                throw new Error("[@my-react/react] look like there are infinity update for current component ".concat(currentComponentFiber$2.current && getElementName(currentComponentFiber$2.current)));
-		            }
-		            else if (!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"));
-		                }
-		            }
-		            lastRenderComponentFiber = currentCFiber;
-		            lastRenderComponentTimeStep = now;
+		    return null;
+		};
+		var defaultResolveAliveSuspenseFiber = function (fiber) {
+		    while (fiber) {
+		        if (myreactSharedExports.include(fiber.type, exports.NODE_TYPE.__suspense__) && myreactSharedExports.exclude(fiber.state, myreactSharedExports.STATE_TYPE.__unmount__)) {
+		            return fiber;
 		        }
-		        var trigger_2 = _params.trigger;
-		        safeCallWithCurrentFiber({
-		            fiber: ownerFiber,
-		            action: function safeCallHookStateListener() {
-		                var _a, _b;
-		                (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.hookState) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(trigger_2, ownerFiber, _params); });
-		            },
-		        });
-		        ownerFiber.updateQueue = ownerFiber.updateQueue || new myreactSharedExports.ListTree();
-		        ownerFiber.updateQueue.push(_params);
-		        prepareUpdateOnFiber(renderDispatch, ownerFiber, isImmediate);
-		    }
-		    else {
-		        var ownerFiber_1 = _params.trigger;
-		        if (!ownerFiber_1 || myreactSharedExports.include(ownerFiber_1.state, myreactSharedExports.STATE_TYPE.__unmount__))
-		            return;
-		        ownerFiber_1.updateQueue = ownerFiber_1.updateQueue || new myreactSharedExports.ListTree();
-		        ownerFiber_1.updateQueue.push(_params);
-		        prepareUpdateOnFiber(renderDispatch, ownerFiber_1, isImmediate);
+		        fiber = fiber.parent;
 		    }
 		};
 
+		var currentScheduler$a = react.__my_react_internal__.currentScheduler;
 		var mountLoopAllFromScheduler = function (renderDispatch) {
 		    while (renderDispatch.runtimeFiber.nextWorkingFiber) {
 		        renderDispatch.runtimeFiber.retriggerFiber = null;
@@ -3671,117 +3520,134 @@ function requireIndex_development_1 () {
 		    mountLoopAllFromScheduler(renderDispatch);
 		};
 		var processAsyncLoadListOnAsyncMount = function (renderDispatch) { return __awaiter(void 0, void 0, void 0, function () {
-		    var loopCount, beforeLength, node, afterLength;
-		    var _a;
-		    return __generator(this, function (_b) {
-		        switch (_b.label) {
+		    var _loop_1;
+		    return __generator(this, function (_a) {
+		        switch (_a.label) {
 		            case 0:
-		                loopCount = 0;
-		                _b.label = 1;
+		                _loop_1 = function () {
+		                    var node, suspenseField;
+		                    return __generator(this, function (_b) {
+		                        switch (_b.label) {
+		                            case 0:
+		                                node = renderDispatch.pendingSuspenseFiberArray.uniShift();
+		                                suspenseField = getInstanceFieldByInstance(node.instance);
+		                                renderDispatch.pendingSuspenseFiberArray.clear();
+		                                return [4 /*yield*/, Promise.all(suspenseField.asyncLoadList.getAll().map(function (item) { return __awaiter(void 0, void 0, void 0, function () {
+		                                        return __generator(this, function (_a) {
+		                                            switch (_a.label) {
+		                                                case 0:
+		                                                    if (!myreactSharedExports.isPromise(item)) return [3 /*break*/, 2];
+		                                                    return [4 /*yield*/, renderDispatch.processPromise(item)];
+		                                                case 1:
+		                                                    _a.sent();
+		                                                    return [3 /*break*/, 4];
+		                                                case 2: return [4 /*yield*/, renderDispatch.processLazy(item)];
+		                                                case 3:
+		                                                    _a.sent();
+		                                                    _a.label = 4;
+		                                                case 4:
+		                                                    item._list.forEach(function (node) {
+		                                                        node.state = myreactSharedExports.remove(node.state, myreactSharedExports.STATE_TYPE.__stable__);
+		                                                        node.state = myreactSharedExports.merge(node.state, myreactSharedExports.STATE_TYPE.__create__);
+		                                                        mountLoopAll(renderDispatch, node);
+		                                                    });
+		                                                    item._list.clear();
+		                                                    suspenseField.asyncLoadList.uniDelete(item);
+		                                                    return [2 /*return*/];
+		                                            }
+		                                        });
+		                                    }); }))];
+		                            case 1:
+		                                _b.sent();
+		                                return [2 /*return*/];
+		                        }
+		                    });
+		                };
+		                _a.label = 1;
 		            case 1:
-		                if (!((_a = renderDispatch.pendingAsyncLoadList) === null || _a === void 0 ? void 0 : _a.length)) return [3 /*break*/, 6];
-		                beforeLength = renderDispatch.pendingAsyncLoadList.length;
-		                node = renderDispatch.pendingAsyncLoadList.shift();
-		                if (!checkIsMyReactFiberNode(node)) return [3 /*break*/, 3];
-		                return [4 /*yield*/, renderDispatch.processFiber(node)];
+		                if (!renderDispatch.pendingSuspenseFiberArray.length) return [3 /*break*/, 3];
+		                return [5 /*yield**/, _loop_1()];
 		            case 2:
-		                _b.sent();
-		                node.state = myreactSharedExports.remove(node.state, myreactSharedExports.STATE_TYPE.__stable__);
-		                node.state = myreactSharedExports.merge(node.state, myreactSharedExports.STATE_TYPE.__create__);
-		                mountLoopAll(renderDispatch, node);
-		                return [3 /*break*/, 5];
+		                _a.sent();
+		                return [3 /*break*/, 1];
 		            case 3:
-		                if (!myreactSharedExports.isPromise(node)) return [3 /*break*/, 5];
-		                return [4 /*yield*/, renderDispatch.processPromise(node)];
+		                if (!renderDispatch.pendingSuspenseFiberArray.length) return [3 /*break*/, 5];
+		                // If there are still pending async loads, we need to continue processing them
+		                return [4 /*yield*/, processAsyncLoadListOnAsyncMount(renderDispatch)];
 		            case 4:
-		                _b.sent();
-		                _b.label = 5;
-		            case 5:
-		                afterLength = renderDispatch.pendingAsyncLoadList.length;
-		                if (beforeLength <= afterLength) {
-		                    loopCount++;
-		                    if (loopCount > 5) {
-		                        throw new Error("async load loop count is too much");
-		                    }
-		                }
-		                return [3 /*break*/, 1];
-		            case 6: return [2 /*return*/];
+		                // If there are still pending async loads, we need to continue processing them
+		                _a.sent();
+		                _a.label = 5;
+		            case 5: return [2 /*return*/];
 		        }
 		    });
 		}); };
 		var processAsyncLoadListOnSyncMount = function (renderDispatch) {
 		    var _a;
-		    if ((_a = renderDispatch.pendingAsyncLoadList) === null || _a === void 0 ? void 0 : _a.length) {
-		        var visibleFiber_1 = renderDispatch.runtimeFiber.visibleFiber;
-		        var asyncLoadList_1 = renderDispatch.pendingAsyncLoadList.toArray();
-		        renderDispatch.pendingAsyncLoadList.clear();
+		    if ((_a = renderDispatch.pendingSuspenseFiberArray) === null || _a === void 0 ? void 0 : _a.length) {
+		        var allPendingSuspenseFiberArray = renderDispatch.pendingSuspenseFiberArray.getAll();
 		        if (renderDispatch.enableAsyncLoad) {
-		            Promise.all(asyncLoadList_1.map(function (node) { return __awaiter(void 0, void 0, void 0, function () {
-		                return __generator(this, function (_a) {
-		                    switch (_a.label) {
-		                        case 0:
-		                            if (!checkIsMyReactFiberNode(node)) return [3 /*break*/, 2];
-		                            return [4 /*yield*/, renderDispatch.processFiber(node)];
-		                        case 1:
-		                            _a.sent();
-		                            node.state = myreactSharedExports.remove(node.state, myreactSharedExports.STATE_TYPE.__stable__);
-		                            node.state = myreactSharedExports.merge(node.state, myreactSharedExports.STATE_TYPE.__create__);
-		                            mountLoopAll(renderDispatch, node);
-		                            return [3 /*break*/, 4];
-		                        case 2:
-		                            if (!myreactSharedExports.isPromise(node)) return [3 /*break*/, 4];
-		                            return [4 /*yield*/, renderDispatch.processPromise(node)];
-		                        case 3:
-		                            _a.sent();
-		                            _a.label = 4;
-		                        case 4: return [2 /*return*/];
+		            var allField_1 = [];
+		            allPendingSuspenseFiberArray.forEach(function (node) {
+		                defaultDeleteChildEffect(renderDispatch, node);
+		                var field = getInstanceFieldByInstance(node.instance);
+		                var allPendingLoadArray = field.asyncLoadList.getAll().filter(function (item) {
+		                    if (myreactSharedExports.isPromise(item)) {
+		                        return typeof item.status !== "string";
+		                    }
+		                    else {
+		                        return !item._loading && !item._loaded && !item._error;
 		                    }
 		                });
-		            }); })).then(function () {
-		                if (visibleFiber_1 && myreactSharedExports.exclude(visibleFiber_1.state, myreactSharedExports.STATE_TYPE.__unmount__)) {
-		                    var updateQueue = {
-		                        type: myreactSharedExports.UpdateQueueType.suspense,
-		                        trigger: visibleFiber_1,
-		                        payLoad: asyncLoadList_1,
-		                        isSync: true,
-		                        isForce: true,
-		                        callback: function invokeAsyncLoadListCallback() {
-		                            renderDispatch.runtimeFiber.visibleFiber = null;
-		                        },
-		                    };
-		                    var visibleField = getInstanceFieldByInstance(visibleFiber_1.instance);
-		                    visibleField.isHidden = false;
-		                    processState(renderDispatch, updateQueue);
-		                }
-		                else {
-		                    triggerUpdateOnFiber(renderDispatch.rootFiber, myreactSharedExports.STATE_TYPE.__triggerSyncForce__, function invokeAsyncLoadListCallback() {
-		                        renderDispatch.runtimeFiber.visibleFiber = null;
+		                if (allPendingLoadArray.length) {
+		                    Promise.all(allPendingLoadArray.map(function (item) { return __awaiter(void 0, void 0, void 0, function () {
+		                        var _a;
+		                        return __generator(this, function (_b) {
+		                            switch (_b.label) {
+		                                case 0:
+		                                    if (!myreactSharedExports.isPromise(item)) return [3 /*break*/, 2];
+		                                    return [4 /*yield*/, renderDispatch.processPromise(item)];
+		                                case 1:
+		                                    _b.sent();
+		                                    return [3 /*break*/, 4];
+		                                case 2: return [4 /*yield*/, renderDispatch.processLazy(item)];
+		                                case 3:
+		                                    _b.sent();
+		                                    _b.label = 4;
+		                                case 4:
+		                                    (_a = item._list) === null || _a === void 0 ? void 0 : _a.clear();
+		                                    field.asyncLoadList.uniDelete(item);
+		                                    return [2 /*return*/];
+		                            }
+		                        });
+		                    }); })).then(function () {
+		                        var aliveNode = defaultResolveAliveSuspenseFiber(node);
+		                        aliveNode.state = myreactSharedExports.STATE_TYPE.__triggerSyncForce__;
+		                        var renderScheduler = currentScheduler$a.current;
+		                        var updater = {
+		                            type: myreactSharedExports.UpdateQueueType.suspense,
+		                            trigger: aliveNode,
+		                            isSync: true,
+		                            isForce: true,
+		                            payLoad: allPendingLoadArray,
+		                        };
+		                        renderScheduler.dispatchState(updater);
 		                    });
 		                }
+		                node.state = myreactSharedExports.STATE_TYPE.__create__;
+		                field.isHidden = true;
+		                allField_1.push(field);
 		            });
-		            if (visibleFiber_1) {
-		                defaultDeleteChildEffect(renderDispatch, visibleFiber_1);
-		                var visibleField = getInstanceFieldByInstance(visibleFiber_1.instance);
-		                visibleField.isHidden = true;
-		                visibleFiber_1.state = myreactSharedExports.merge(visibleFiber_1.state, myreactSharedExports.STATE_TYPE.__create__);
-		                var updateQueue = {
-		                    type: myreactSharedExports.UpdateQueueType.trigger,
-		                    trigger: visibleFiber_1,
-		                    isRetrigger: true,
-		                    isImmediate: true,
-		                    isSync: true,
-		                    isForce: true,
-		                    isSkip: false,
-		                    callback: null,
-		                };
-		                processState(renderDispatch, updateQueue);
-		            }
-		            else {
-		                return null;
-		            }
+		            var root = renderDispatch.rootFiber;
+		            root.state = myreactSharedExports.remove(root.state, myreactSharedExports.STATE_TYPE.__stable__);
+		            root.state = myreactSharedExports.merge(root.state, myreactSharedExports.STATE_TYPE.__retrigger__);
+		            // TODO use hide tree to improve
+		            mountLoopAll(renderDispatch, root);
+		            allField_1.forEach(function (field) { return (field.isHidden = false); });
+		            renderDispatch.pendingSuspenseFiberArray.clear();
 		        }
 		        else {
-		            console.error("[@my-react/reconciler] should not process async load list on sync mount without enableAsyncLoad, you may use a wrong renderDispatch instance");
+		            throw new Error("[@my-react/reconciler] should not process async load list on sync mount without enableAsyncLoad, you may use a wrong renderDispatch instance");
 		        }
 		    }
 		};
@@ -3793,16 +3659,6 @@ function requireIndex_development_1 () {
 		    updateTypeEnum[updateTypeEnum["concurrentFromRoot"] = 2] = "concurrentFromRoot";
 		    updateTypeEnum[updateTypeEnum["concurrentFromTrigger"] = 3] = "concurrentFromTrigger";
 		})(exports.updateTypeEnum || (exports.updateTypeEnum = {}));
-		var mountLoopAllSync = function (renderDispatch) {
-		    while (renderDispatch.runtimeFiber.nextWorkingFiber) {
-		        renderDispatch.runtimeFiber.retriggerFiber = null;
-		        var currentFiber = renderDispatch.runtimeFiber.nextWorkingFiber;
-		        var nextFiber = mountToNextFiberFromRoot(renderDispatch, currentFiber);
-		        var retriggerFiber = renderDispatch.runtimeFiber.retriggerFiber;
-		        renderDispatch.runtimeFiber.nextWorkingFiber = retriggerFiber || nextFiber;
-		        renderDispatch.runtimeFiber.retriggerFiber = null;
-		    }
-		};
 		var triggerFiberUpdateListener = function (renderDispatch, fiber) {
 		    safeCallWithCurrentFiber({
 		        fiber: fiber,
@@ -3829,49 +3685,167 @@ function requireIndex_development_1 () {
 		        renderDispatch.runtimeFiber.retriggerFiber = null;
 		    }
 		};
-		var updateLoopSyncFromTrigger = function (renderDispatch) {
-		    while (renderDispatch.runtimeFiber.nextWorkingFiber) {
+		var updateLoopConcurrentFromRoot = function (renderDispatch) {
+		    while (renderDispatch.runtimeFiber.nextWorkingFiber && !renderDispatch.shouldYield()) {
 		        renderDispatch.runtimeFiber.retriggerFiber = null;
 		        var currentFiber = renderDispatch.runtimeFiber.nextWorkingFiber;
-		        var nextFiber = performToNextFiberFromTrigger(renderDispatch, currentFiber);
+		        var nextFiber = performToNextFiberFromRoot(renderDispatch, currentFiber);
 		        var retriggerFiber = renderDispatch.runtimeFiber.retriggerFiber;
 		        renderDispatch.runtimeFiber.nextWorkingFiber = retriggerFiber || nextFiber;
 		        renderDispatch.runtimeFiber.retriggerFiber = null;
 		    }
-		};
-		var updateLoopConcurrentFromRoot = function (renderDispatch) {
-		    while (renderDispatch.runtimeFiber.nextWorkingFiber && !renderDispatch.shouldYield()) {
-		        renderDispatch.runtimeFiber.retriggerFiber = null;
-		        var currentFiber = renderDispatch.runtimeFiber.nextWorkingFiber;
-		        var nextFiber = performToNextFiberFromRoot(renderDispatch, currentFiber);
-		        var retriggerFiber = renderDispatch.runtimeFiber.retriggerFiber;
-		        renderDispatch.runtimeFiber.nextWorkingFiber = retriggerFiber || nextFiber;
-		        renderDispatch.runtimeFiber.retriggerFiber = null;
+		};
+		var processAsyncLoadListOnUpdate = processAsyncLoadListOnSyncMount;
+
+		var isErrorBoundariesInstance = function (instance, Component) {
+		    return typeof instance.componentDidCatch === "function" || typeof Component.getDerivedStateFromError === "function";
+		};
+		var isErrorBoundariesComponent = function (fiber) {
+		    if (myreactSharedExports.include(fiber.type, exports.NODE_TYPE.__class__) && myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__stable__)) {
+		        var Component = fiber.elementType;
+		        var typedComponent = Component;
+		        var typedInstance = fiber.instance;
+		        return isErrorBoundariesInstance(typedInstance, typedComponent);
+		    }
+		    return false;
+		};
+		var defaultResolveErrorBoundaries = function (fiber) {
+		    var parent = fiber.parent;
+		    while (parent) {
+		        if (isErrorBoundariesComponent(parent)) {
+		            return parent;
+		        }
+		        parent = parent.parent;
+		    }
+		    return null;
+		};
+
+		var currentComponentFiber$2 = react.__my_react_internal__.currentComponentFiber, currentRunningFiber$1 = react.__my_react_internal__.currentRunningFiber;
+		var enableDebugFiled$5 = react.__my_react_shared__.enableDebugFiled;
+		var MAX_UPDATE_COUNT = 25;
+		var lastRenderComponentFiber = null;
+		var lastRenderComponentTimeStep = null;
+		var renderCount = 0;
+		var processState = function (renderDispatch, _params) {
+		    if (enableDebugFiled$5.current) {
+		        var typedUpdateQueue = _params;
+		        typedUpdateQueue._debugCreateTime = Date.now();
+		        typedUpdateQueue._debugType = myreactSharedExports.UpdateQueueType[_params.type];
+		    }
+		    var ownerFiber = getInstanceOwnerFiber(_params.trigger);
+		    if (!renderDispatch)
+		        return;
+		    _params.isRetrigger = currentRunningFiber$1.current === ownerFiber || !!_params.isRetrigger;
+		    _params.isImmediate =
+		        typeof _params.isImmediate === "boolean"
+		            ? _params.isImmediate
+		            : _params.isRetrigger || (renderDispatch.isAppMounted ? !!currentRunningFiber$1.current : false);
+		    safeCallWithCurrentFiber({
+		        fiber: ownerFiber,
+		        action: function safeCallFiberStateListener() {
+		            var _a, _b;
+		            (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberState) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(ownerFiber, _params); });
+		        },
+		    });
+		    var isImmediate = _params.isImmediate;
+		    _params.isRetrigger;
+		    if (_params.type === myreactSharedExports.UpdateQueueType.component) {
+		        if (!ownerFiber || myreactSharedExports.include(ownerFiber.state, myreactSharedExports.STATE_TYPE.__unmount__))
+		            return;
+		        if (!exports.syncFlush && currentComponentFiber$2.current) {
+		            var currentRFiber = currentRunningFiber$1.current;
+		            var currentCFiber = currentComponentFiber$2.current;
+		            var now = Date.now();
+		            if (lastRenderComponentFiber === currentCFiber) {
+		                if (lastRenderComponentTimeStep && now - lastRenderComponentTimeStep < 4) {
+		                    renderCount++;
+		                }
+		                else {
+		                    renderCount = 0;
+		                }
+		            }
+		            else {
+		                renderCount = 0;
+		            }
+		            if (renderCount > MAX_UPDATE_COUNT) {
+		                renderCount = 0;
+		                throw new Error("[@my-react/react] look like there are infinity update for current component ".concat(currentComponentFiber$2.current && getElementName(currentComponentFiber$2.current)));
+		            }
+		            else if (!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"));
+		                }
+		            }
+		            lastRenderComponentFiber = currentCFiber;
+		            lastRenderComponentTimeStep = now;
+		        }
+		        var trigger_1 = _params.trigger;
+		        safeCallWithCurrentFiber({
+		            fiber: ownerFiber,
+		            action: function safeCallInstanceStateListener() {
+		                var _a, _b;
+		                (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.instanceState) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(trigger_1, ownerFiber, _params); });
+		            },
+		        });
+		        ownerFiber.updateQueue = ownerFiber.updateQueue || new myreactSharedExports.ListTree();
+		        ownerFiber.updateQueue.push(_params);
+		        prepareUpdateOnFiber(renderDispatch, ownerFiber, isImmediate);
+		    }
+		    else if (_params.type === myreactSharedExports.UpdateQueueType.hook) {
+		        if (!ownerFiber || myreactSharedExports.include(ownerFiber === null || ownerFiber === void 0 ? void 0 : ownerFiber.state, myreactSharedExports.STATE_TYPE.__unmount__))
+		            return;
+		        if (!exports.syncFlush && currentComponentFiber$2.current) {
+		            var currentRFiber = currentRunningFiber$1.current;
+		            var currentCFiber = currentComponentFiber$2.current;
+		            var now = Date.now();
+		            if (lastRenderComponentFiber === currentCFiber) {
+		                if (lastRenderComponentTimeStep && now - lastRenderComponentTimeStep < 4) {
+		                    renderCount++;
+		                }
+		                else {
+		                    renderCount = 0;
+		                }
+		            }
+		            else {
+		                renderCount = 0;
+		            }
+		            if (renderCount > MAX_UPDATE_COUNT) {
+		                renderCount = 0;
+		                throw new Error("[@my-react/react] look like there are infinity update for current component ".concat(currentComponentFiber$2.current && getElementName(currentComponentFiber$2.current)));
+		            }
+		            else if (!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"));
+		                }
+		            }
+		            lastRenderComponentFiber = currentCFiber;
+		            lastRenderComponentTimeStep = now;
+		        }
+		        var trigger_2 = _params.trigger;
+		        safeCallWithCurrentFiber({
+		            fiber: ownerFiber,
+		            action: function safeCallHookStateListener() {
+		                var _a, _b;
+		                (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.hookState) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(trigger_2, ownerFiber, _params); });
+		            },
+		        });
+		        ownerFiber.updateQueue = ownerFiber.updateQueue || new myreactSharedExports.ListTree();
+		        ownerFiber.updateQueue.push(_params);
+		        prepareUpdateOnFiber(renderDispatch, ownerFiber, isImmediate);
 		    }
-		};
-		var updateLoopConcurrentFromTrigger = function (renderDispatch) {
-		    while (renderDispatch.runtimeFiber.nextWorkingFiber && !renderDispatch.shouldYield()) {
-		        renderDispatch.runtimeFiber.retriggerFiber = null;
-		        var currentFiber = renderDispatch.runtimeFiber.nextWorkingFiber;
-		        var nextFiber = performToNextFiberFromTrigger(renderDispatch, currentFiber);
-		        var retriggerFiber = renderDispatch.runtimeFiber.retriggerFiber;
-		        renderDispatch.runtimeFiber.nextWorkingFiber = retriggerFiber || nextFiber;
-		        renderDispatch.runtimeFiber.retriggerFiber = null;
+		    else {
+		        var ownerFiber_1 = _params.trigger;
+		        if (!ownerFiber_1 || myreactSharedExports.include(ownerFiber_1.state, myreactSharedExports.STATE_TYPE.__unmount__))
+		            return;
+		        ownerFiber_1.updateQueue = ownerFiber_1.updateQueue || new myreactSharedExports.ListTree();
+		        ownerFiber_1.updateQueue.push(_params);
+		        prepareUpdateOnFiber(renderDispatch, ownerFiber_1, isImmediate);
 		    }
 		};
-		// const getNextLoop = (type: updateTypeEnum) => {
-		//   switch (type) {
-		//     case updateTypeEnum.syncFromRoot:
-		//       return updateLoopSyncFromRoot;
-		//     case updateTypeEnum.syncFromTrigger:
-		//       return updateLoopSyncFromTrigger;
-		//     case updateTypeEnum.concurrentFromRoot:
-		//       return updateLoopConcurrentFromRoot;
-		//     case updateTypeEnum.concurrentFromTrigger:
-		//       return updateLoopConcurrentFromTrigger;
-		//   }
-		// };
-		var processAsyncLoadListOnUpdate = processAsyncLoadListOnSyncMount;
 
 		var defaultGenerateUnmountMap = function (fiber, unmount, map) {
 		    var list = map.get(fiber) || new myreactSharedExports.ListTree();
@@ -3927,7 +3901,7 @@ function requireIndex_development_1 () {
 		    var _a, _b, _c, _d;
 		    renderDispatch.pendingCommitFiberPatch = myreactSharedExports.PATCH_TYPE.__initial__;
 		    (_a = renderDispatch.pendingUpdateFiberArray) === null || _a === void 0 ? void 0 : _a.clear();
-		    (_b = renderDispatch.pendingAsyncLoadList) === null || _b === void 0 ? void 0 : _b.clear();
+		    (_b = renderDispatch.pendingSuspenseFiberArray) === null || _b === void 0 ? void 0 : _b.clear();
 		    (_c = renderDispatch.pendingCommitFiberList) === null || _c === void 0 ? void 0 : _c.clear();
 		    (_d = renderDispatch.pendingChangedFiberList) === null || _d === void 0 ? void 0 : _d.clear();
 		    renderDispatch.resetUpdateFlowRuntimeFiber();
@@ -4050,7 +4024,7 @@ function requireIndex_development_1 () {
 		                type: myreactSharedExports.UpdateQueueType.component,
 		                trigger: typedInstance_1,
 		                payLoad: payloadState,
-		                isSync: false,
+		                isSync: true,
 		                isForce: true,
 		                isRetrigger: false,
 		                isImmediate: false,
@@ -4080,19 +4054,9 @@ function requireIndex_development_1 () {
 		        }
 		    }
 		};
-		var triggerUnmount = function (renderDispatch, fiber, cb) {
-		    if (renderDispatch.isAppUnmounted) {
-		        throw new Error("[@my-react/react] can not unmount a node when current app has been unmounted");
-		    }
-		    triggerUpdate(renderDispatch, fiber, myreactSharedExports.STATE_TYPE.__skippedSync__, function finishTriggerUnmountOnFiber() {
-		        renderDispatch.reconcileUnmount();
-		        cb === null || cb === void 0 ? void 0 : cb();
-		        currentTriggerFiber.current = null;
-		    });
-		};
 
 		var globalLoop$2 = react.__my_react_internal__.globalLoop, currentScheduler$8 = react.__my_react_internal__.currentScheduler;
-		var enableConcurrentMode$1 = react.__my_react_shared__.enableConcurrentMode, enableLoopFromRoot = react.__my_react_shared__.enableLoopFromRoot;
+		var enableConcurrentMode$1 = react.__my_react_shared__.enableConcurrentMode;
 		var scheduleUpdateFromRoot = function (renderDispatch) {
 		    var allLive = renderDispatch.pendingUpdateFiberArray.getAll().filter(function (f) { return myreactSharedExports.exclude(f.state, myreactSharedExports.STATE_TYPE.__unmount__); });
 		    renderDispatch.pendingUpdateFiberArray.clear();
@@ -4101,8 +4065,7 @@ function requireIndex_development_1 () {
 		        renderDispatch.runtimeFiber.nextWorkingFiber = renderDispatch.rootFiber;
 		        currentTriggerFiber.current = allLive.length > 1 ? allLive : allLive[0];
 		        allLive.forEach(function (fiber) { return applyTriggerFiberCb(renderDispatch, fiber); });
-		        if (!enableConcurrentMode$1.current ||
-		            allLive.some(function (f) { return myreactSharedExports.include(f.state, myreactSharedExports.STATE_TYPE.__skippedSync__ | myreactSharedExports.STATE_TYPE.__triggerSync__ | myreactSharedExports.STATE_TYPE.__triggerSyncForce__); })) {
+		        if (!enableConcurrentMode$1.current || allLive.some(function (f) { return myreactSharedExports.include(f.state, myreactSharedExports.STATE_TYPE.__triggerSync__ | myreactSharedExports.STATE_TYPE.__triggerSyncForce__); })) {
 		            updateSyncFromRoot(renderDispatch);
 		        }
 		        else {
@@ -4114,66 +4077,6 @@ function requireIndex_development_1 () {
 		        scheduleNext(renderDispatch);
 		    }
 		};
-		var scheduleUpdateFromTrigger = function (renderDispatch) {
-		    var allPending = renderDispatch.pendingUpdateFiberArray.getAll();
-		    var nextWorkFiber = null;
-		    for (var i = 0; i < allPending.length; i++) {
-		        var item = allPending[i];
-		        if (myreactSharedExports.include(item.state, myreactSharedExports.STATE_TYPE.__stable__ | myreactSharedExports.STATE_TYPE.__unmount__)) {
-		            renderDispatch.pendingUpdateFiberArray.uniDelete(item);
-		            continue;
-		        }
-		        else {
-		            nextWorkFiber = item;
-		            break;
-		        }
-		    }
-		    if (nextWorkFiber) {
-		        applyTriggerFiberCb(renderDispatch, nextWorkFiber);
-		        if (myreactSharedExports.include(nextWorkFiber.state, myreactSharedExports.STATE_TYPE.__skippedSync__ | myreactSharedExports.STATE_TYPE.__triggerSync__ | myreactSharedExports.STATE_TYPE.__triggerSyncForce__)) {
-		            renderDispatch.runtimeFiber.scheduledFiber = nextWorkFiber;
-		            currentTriggerFiber.current = nextWorkFiber;
-		            renderDispatch.runtimeFiber.nextWorkingFiber = nextWorkFiber;
-		            // normally a context update
-		            if (myreactSharedExports.include(nextWorkFiber.state, myreactSharedExports.STATE_TYPE.__skippedSync__)) {
-		                updateSyncFromRoot(renderDispatch);
-		            }
-		            else {
-		                // TODO maybe could use `updateSyncFromRoot`?
-		                updateSyncFromTrigger(renderDispatch);
-		            }
-		        }
-		        else if (myreactSharedExports.include(nextWorkFiber.state, myreactSharedExports.STATE_TYPE.__skippedConcurrent__ | myreactSharedExports.STATE_TYPE.__triggerConcurrent__ | myreactSharedExports.STATE_TYPE.__triggerConcurrentForce__)) {
-		            renderDispatch.runtimeFiber.scheduledFiber = nextWorkFiber;
-		            currentTriggerFiber.current = nextWorkFiber;
-		            renderDispatch.runtimeFiber.nextWorkingFiber = nextWorkFiber;
-		            if (myreactSharedExports.include(nextWorkFiber.state, myreactSharedExports.STATE_TYPE.__skippedConcurrent__)) {
-		                if (enableConcurrentMode$1.current) {
-		                    updateConcurrentFromRoot(renderDispatch);
-		                }
-		                else {
-		                    updateSyncFromRoot(renderDispatch);
-		                }
-		            }
-		            else {
-		                if (enableConcurrentMode$1.current) {
-		                    updateConcurrentFromTrigger(renderDispatch);
-		                }
-		                else {
-		                    updateSyncFromTrigger(renderDispatch);
-		                }
-		            }
-		        }
-		        else {
-		            // TODO
-		            throw new Error("[@my-react/react] unknown state, ".concat(nextWorkFiber.state, ", this like a bug for @my-react"));
-		        }
-		    }
-		    else {
-		        currentTriggerFiber.current = null;
-		        scheduleNext(renderDispatch);
-		    }
-		};
 		var scheduleNext = function (renderDispatch) {
 		    var _a;
 		    if (!renderDispatch.isAppUnmounted && !renderDispatch.isAppCrashed && renderDispatch.enableUpdate && renderDispatch.pendingUpdateFiberArray.length) {
@@ -4199,12 +4102,7 @@ function requireIndex_development_1 () {
 		        scheduleNext(renderDispatch);
 		        return;
 		    }
-		    if (enableLoopFromRoot.current) {
-		        scheduleUpdateFromRoot(renderDispatch);
-		    }
-		    else {
-		        scheduleUpdateFromTrigger(renderDispatch);
-		    }
+		    scheduleUpdateFromRoot(renderDispatch);
 		};
 
 		var globalLoop$1 = react.__my_react_internal__.globalLoop, currentScheduler$7 = react.__my_react_internal__.currentScheduler;
@@ -4236,33 +4134,6 @@ function requireIndex_development_1 () {
 		        scheduleNext(renderDispatch);
 		    });
 		};
-		var updateSyncFromTrigger = function (renderDispatch) {
-		    globalLoop$1.current = true;
-		    var renderScheduler = currentScheduler$7.current;
-		    enableScopeTreeLog$3.current && setLogScope();
-		    updateLoopSyncFromTrigger(renderDispatch);
-		    processAsyncLoadListOnUpdate(renderDispatch);
-		    enableScopeTreeLog$3.current && resetLogScope();
-		    (function finishUpdateSyncFromTrigger() {
-		        var commitList = renderDispatch.pendingCommitFiberList;
-		        var changedList = renderDispatch.pendingChangedFiberList;
-		        renderDispatch.resetUpdateFlowRuntimeFiber();
-		        renderDispatch.pendingCommitFiberList = null;
-		        renderDispatch.pendingChangedFiberList = null;
-		        enableScopeTreeLog$3.current && setLogScope();
-		        (commitList === null || commitList === void 0 ? void 0 : commitList.length) && renderDispatch.reconcileUpdate(commitList);
-		        enableScopeTreeLog$3.current && resetLogScope();
-		        (changedList === null || changedList === void 0 ? void 0 : changedList.length) &&
-		            safeCall(function safeCallFiberHasChangeListener() {
-		                var _a, _b;
-		                (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberHasChange) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(changedList); });
-		            });
-		    })();
-		    renderScheduler.microTask(function callScheduleNext() {
-		        globalLoop$1.current = false;
-		        scheduleNext(renderDispatch);
-		    });
-		};
 		var updateConcurrentFromRoot = function (renderDispatch) {
 		    globalLoop$1.current = true;
 		    var renderScheduler = currentScheduler$7.current;
@@ -4298,41 +4169,6 @@ function requireIndex_development_1 () {
 		        });
 		    }
 		};
-		var updateConcurrentFromTrigger = function (renderDispatch) {
-		    globalLoop$1.current = true;
-		    var renderScheduler = currentScheduler$7.current;
-		    enableScopeTreeLog$3.current && setLogScope();
-		    updateLoopConcurrentFromTrigger(renderDispatch);
-		    enableScopeTreeLog$3.current && resetLogScope();
-		    if (renderDispatch.runtimeFiber.nextWorkingFiber) {
-		        renderScheduler.yieldTask(function resumeUpdateConcurrentFromTrigger() {
-		            updateConcurrentFromTrigger(renderDispatch);
-		        });
-		    }
-		    else {
-		        processAsyncLoadListOnUpdate(renderDispatch);
-		        (function finishUpdateConcurrentFromTrigger() {
-		            var commitList = renderDispatch.pendingCommitFiberList;
-		            var changedList = renderDispatch.pendingChangedFiberList;
-		            renderDispatch.resetUpdateFlowRuntimeFiber();
-		            renderDispatch.pendingCommitFiberList = null;
-		            renderDispatch.pendingChangedFiberList = null;
-		            enableScopeTreeLog$3.current && setLogScope();
-		            (commitList === null || commitList === void 0 ? void 0 : commitList.length) && renderDispatch.reconcileUpdate(commitList);
-		            enableScopeTreeLog$3.current && resetLogScope();
-		            (changedList === null || changedList === void 0 ? void 0 : changedList.length) &&
-		                safeCall(function safeCallFiberHasChangeListener() {
-		                    var _a, _b;
-		                    (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberHasChange) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(changedList); });
-		                });
-		        })();
-		        renderScheduler.microTask(function callScheduleNext() {
-		            // TODO! flash all effect
-		            globalLoop$1.current = false;
-		            scheduleNext(renderDispatch);
-		        });
-		    }
-		};
 
 		var checkHookValid = function (hookNode) {
 		    if (hookNode.type === myreactSharedExports.HOOK_TYPE.useMemo ||
@@ -4411,7 +4247,7 @@ function requireIndex_development_1 () {
 		                _this._depsSet.clear();
 		                _this._value = newValue;
 		                allDeps.forEach(function (f) { return myreactSharedExports.exclude(f.state, myreactSharedExports.STATE_TYPE.__unmount__) && (f.state = myreactSharedExports.STATE_TYPE.__triggerConcurrent__); });
-		                triggerUpdateOnFiber(_this._renderDispatch.rootFiber, myreactSharedExports.STATE_TYPE.__skippedSync__);
+		                triggerUpdateOnFiber(_this._renderDispatch.rootFiber, myreactSharedExports.STATE_TYPE.__triggerConcurrent__);
 		            }
 		        };
 		        this._value = _rawValue;
@@ -4456,7 +4292,7 @@ function requireIndex_development_1 () {
 		        hookNode.result = hookNode.value;
 		    }
 		    if (hookNode.type === myreactSharedExports.HOOK_TYPE.useId) {
-		        hookNode.result = "\u00AB-".concat(currentHookIndex, "-").concat(renderDispatch.uniqueIdCount++, "-\u00BB");
+		        hookNode.result = "_-".concat(currentHookIndex, "-").concat(renderDispatch.uniqueIdCount++, "-_");
 		        hookNode.cancel = function () { return renderDispatch.uniqueIdCount--; };
 		    }
 		    if (hookNode.type === myreactSharedExports.HOOK_TYPE.useDebugValue) {
@@ -4548,13 +4384,13 @@ function requireIndex_development_1 () {
 		                var loadingCallback = function (cb) {
 		                    react.startTransition(function () {
 		                        hookNode.result[0] = true;
-		                        hookNode._update({ isForce: true, callback: cb });
+		                        hookNode._update({ isForce: true, isSync: true, callback: cb });
 		                    });
 		                };
 		                var loadedCallback = function () {
 		                    react.startTransition(function () {
 		                        hookNode.result[0] = false;
-		                        hookNode._update({ isForce: true });
+		                        hookNode._update({ isForce: true, isSync: true });
 		                    });
 		                };
 		                var taskCallback = function () {
@@ -4907,7 +4743,6 @@ function requireIndex_development_1 () {
 		        trigger: this,
 		        isSync: true,
 		        isForce: false,
-		        isSkip: myreactSharedExports.include(state, myreactSharedExports.STATE_TYPE.__skippedSync__ | myreactSharedExports.STATE_TYPE.__skippedConcurrent__),
 		        isImmediate: true,
 		        isRetrigger: false,
 		        callback: cb,
@@ -4964,29 +4799,21 @@ function requireIndex_development_1 () {
 		        }
 		        if (updateState.isSync) {
 		            if (updateState.isImmediate) {
-		                triggerUpdate(renderDispatch, fiber, updateState.isSkip ? myreactSharedExports.STATE_TYPE.__skippedSync__ : updateState.isForce ? myreactSharedExports.STATE_TYPE.__triggerSyncForce__ : myreactSharedExports.STATE_TYPE.__triggerSync__, updateState.callback);
+		                triggerUpdate(renderDispatch, fiber, updateState.isForce ? myreactSharedExports.STATE_TYPE.__triggerSyncForce__ : myreactSharedExports.STATE_TYPE.__triggerSync__, updateState.callback);
 		            }
 		            else {
 		                renderScheduler.microTask(function triggerSyncUpdateOnFiber() {
-		                    triggerUpdate(renderDispatch, fiber, updateState.isSkip ? myreactSharedExports.STATE_TYPE.__skippedSync__ : updateState.isForce ? myreactSharedExports.STATE_TYPE.__triggerSyncForce__ : myreactSharedExports.STATE_TYPE.__triggerSync__, updateState.callback);
+		                    triggerUpdate(renderDispatch, fiber, updateState.isForce ? myreactSharedExports.STATE_TYPE.__triggerSyncForce__ : myreactSharedExports.STATE_TYPE.__triggerSync__, updateState.callback);
 		                });
 		            }
 		        }
 		        else {
 		            if (updateState.isImmediate) {
-		                triggerUpdate(renderDispatch, fiber, updateState.isSkip
-		                    ? myreactSharedExports.STATE_TYPE.__skippedConcurrent__
-		                    : updateState.isForce
-		                        ? myreactSharedExports.STATE_TYPE.__triggerConcurrentForce__
-		                        : myreactSharedExports.STATE_TYPE.__triggerConcurrent__, updateState.callback);
+		                triggerUpdate(renderDispatch, fiber, updateState.isForce ? myreactSharedExports.STATE_TYPE.__triggerConcurrentForce__ : myreactSharedExports.STATE_TYPE.__triggerConcurrent__, updateState.callback);
 		            }
 		            else {
 		                renderScheduler.microTask(function triggerConcurrentUpdateOnFiber() {
-		                    triggerUpdate(renderDispatch, fiber, updateState.isSkip
-		                        ? myreactSharedExports.STATE_TYPE.__skippedConcurrent__
-		                        : updateState.isForce
-		                            ? myreactSharedExports.STATE_TYPE.__triggerConcurrentForce__
-		                            : myreactSharedExports.STATE_TYPE.__triggerConcurrent__, updateState.callback);
+		                    triggerUpdate(renderDispatch, fiber, updateState.isForce ? myreactSharedExports.STATE_TYPE.__triggerConcurrentForce__ : myreactSharedExports.STATE_TYPE.__triggerConcurrent__, updateState.callback);
 		                });
 		            }
 		        }
@@ -5005,9 +4832,8 @@ function requireIndex_development_1 () {
 		        });
 		    }
 		};
-		var SyncState = myreactSharedExports.merge(myreactSharedExports.STATE_TYPE.__triggerSyncForce__, myreactSharedExports.merge(myreactSharedExports.STATE_TYPE.__skippedSync__, myreactSharedExports.STATE_TYPE.__triggerSync__));
+		var SyncState = myreactSharedExports.merge(myreactSharedExports.STATE_TYPE.__triggerSyncForce__, myreactSharedExports.STATE_TYPE.__triggerSync__);
 		var ForceState = myreactSharedExports.merge(myreactSharedExports.STATE_TYPE.__triggerSyncForce__, myreactSharedExports.STATE_TYPE.__triggerConcurrentForce__);
-		var SkipState = myreactSharedExports.merge(myreactSharedExports.STATE_TYPE.__skippedSync__, myreactSharedExports.STATE_TYPE.__skippedConcurrent__);
 		var triggerUpdateOnFiber = function (fiber, state, callback) {
 		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__unmount__))
 		        return;
@@ -5017,9 +4843,6 @@ function requireIndex_development_1 () {
 		        trigger: fiber,
 		        isSync: myreactSharedExports.include(state, SyncState),
 		        isForce: myreactSharedExports.include(state, ForceState),
-		        isSkip: myreactSharedExports.include(state, SkipState),
-		        isImmediate: true,
-		        isRetrigger: false,
 		        callback: callback,
 		    };
 		    renderScheduler.dispatchState(updater);
@@ -5323,7 +5146,6 @@ function requireIndex_development_1 () {
 		    errorCatchFiber: null,
 		    nextWorkingFiber: null,
 		    retriggerFiber: null,
-		    visibleFiber: null,
 		}); };
 		var initialRef = {
 		    typeForRef: exports.NODE_TYPE.__plain__ | exports.NODE_TYPE.__class__,
@@ -5387,7 +5209,7 @@ function requireIndex_development_1 () {
 		    RenderDispatchEvent.prototype.pendingLayoutEffect = function (_fiber, _layoutEffect, _option) { };
 		    RenderDispatchEvent.prototype.pendingInsertionEffect = function (_fiber, _insertionEffect, _option) { };
 		    RenderDispatchEvent.prototype.dispatchFiber = function (_fiber) { };
-		    RenderDispatchEvent.prototype.processFiber = function (_fiber) {
+		    RenderDispatchEvent.prototype.processLazy = function (_elementType) {
 		        return Promise.resolve();
 		    };
 		    RenderDispatchEvent.prototype.processPromise = function (_promise) {
@@ -5954,39 +5776,6 @@ function requireIndex_development_1 () {
 		    }
 		};
 
-		var defaultReadPromise = function (_promise) {
-		    if (_promise.status === 'fulfilled') {
-		        return _promise.value;
-		    }
-		    else if (_promise.status === 'rejected') {
-		        throw _promise.reason;
-		    }
-		    else {
-		        throw _promise;
-		    }
-		};
-		var defaultResolveSuspenseValue = function (fiber) {
-		    var _a;
-		    var parent = fiber.parent;
-		    while (parent) {
-		        if (myreactSharedExports.include(parent.type, exports.NODE_TYPE.__suspense__)) {
-		            return (_a = parent.pendingProps) === null || _a === void 0 ? void 0 : _a["fallback"];
-		        }
-		        parent = parent.parent;
-		    }
-		    return null;
-		};
-		var defaultResolveSuspenseFiber = function (fiber) {
-		    var parent = fiber.parent;
-		    while (parent) {
-		        if (myreactSharedExports.include(parent.type, exports.NODE_TYPE.__suspense__)) {
-		            return parent;
-		        }
-		        parent = parent.parent;
-		    }
-		    return null;
-		};
-
 		var currentScheduler$1 = react.__my_react_internal__.currentScheduler;
 		var enableScopeTreeLog$1 = react.__my_react_shared__.enableScopeTreeLog;
 		var defaultDispatchUpdate = function (_dispatch, _list) {
@@ -5995,6 +5784,10 @@ function requireIndex_development_1 () {
 		    _list.listToFoot(function invokeUnmountPendingAndInsertionEffectList(_fiber) {
 		        if (myreactSharedExports.exclude(_fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
 		            defaultInvokeUnmountList(_dispatch, _fiber);
+		        }
+		    });
+		    _list.listToFoot(function invokeUnmountPendingAndInsertionEffectList(_fiber) {
+		        if (myreactSharedExports.exclude(_fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
 		            insertionEffect(_dispatch, _fiber);
 		        }
 		    });
@@ -6061,7 +5854,7 @@ function requireIndex_development_1 () {
 		};
 
 		var currentScheduler = react.__my_react_internal__.currentScheduler;
-		var loadPromise = function (renderDispatch, fiber, promise) { return __awaiter(void 0, void 0, void 0, function () {
+		var loadPromise = function (renderDispatch, promise) { return __awaiter(void 0, void 0, void 0, function () {
 		    var value, reason_1;
 		    return __generator(this, function (_a) {
 		        switch (_a.label) {
@@ -6090,7 +5883,6 @@ function requireIndex_development_1 () {
 		var processPromise = function (renderDispatch, fiber, promise) {
 		    var _a, _b;
 		    defaultDeleteCurrentEffect(renderDispatch, fiber);
-		    promise.fiber = fiber;
 		    if (promise.status === "rejected") {
 		        (_b = (_a = currentScheduler.current).dispatchError) === null || _b === void 0 ? void 0 : _b.call(_a, { fiber: fiber, error: promise.reason });
 		        return null;
@@ -6100,24 +5892,36 @@ function requireIndex_development_1 () {
 		            console.warn("[@my-react/react] throw a promise what has already fulfilled, this is not a valid usage");
 		        }
 		    }
-		    if (!promise.status) {
+		    promise._list = promise._list || new Set();
+		    promise._list.add(fiber);
+		    var suspenseFiber = renderDispatch.resolveSuspenseFiber(fiber);
+		    if (suspenseFiber) {
+		        var suspenseField = getInstanceFieldByInstance(suspenseFiber.instance);
+		        suspenseField.asyncLoadList.uniPush(promise);
+		        renderDispatch.pendingSuspenseFiberArray.uniPush(suspenseFiber);
+		        return null;
+		    }
+		    else {
+		        if (promise._loading)
+		            return null;
+		        promise._loading = true;
 		        promise.status = "pending";
-		        renderDispatch.pendingAsyncLoadList = renderDispatch.pendingAsyncLoadList || new myreactSharedExports.ListTree();
-		        if (!renderDispatch.runtimeFiber.visibleFiber) {
-		            var visibleFiber = renderDispatch.resolveSuspenseFiber(fiber);
-		            if (visibleFiber) {
-		                renderDispatch.runtimeFiber.visibleFiber = visibleFiber;
-		                renderDispatch.pendingAsyncLoadList.push(promise);
-		            }
-		            else {
-		                throw new Error("[@my-react/react] the promise is not in a suspense tree");
-		            }
-		        }
-		        else {
-		            renderDispatch.pendingAsyncLoadList.push(promise);
-		        }
+		        var renderScheduler_1 = currentScheduler.current;
+		        renderDispatch.processPromise(promise).then(function () {
+		            fiber.state = myreactSharedExports.STATE_TYPE.__triggerSync__;
+		            promise._list.delete(fiber);
+		            promise._loading = false;
+		            var updater = {
+		                type: myreactSharedExports.UpdateQueueType.promise,
+		                trigger: fiber,
+		                isSync: true,
+		                isForce: true,
+		                payLoad: promise,
+		            };
+		            renderScheduler_1.dispatchState(updater);
+		        });
+		        return null;
 		    }
-		    return null;
 		};
 
 		var CustomRenderDispatch = /** @class */ (function (_super) {
@@ -6129,14 +5933,14 @@ function requireIndex_development_1 () {
 		        _this.isAppMounted = false;
 		        _this.isAppCrashed = false;
 		        _this.isAppUnmounted = false;
-		        _this.version = "0.3.10";
+		        _this.version = "0.3.11";
 		        _this.mode = "development" ;
 		        _this.renderMode = "render";
 		        _this.pendingCommitFiberList = null;
 		        _this.pendingCommitFiberPatch = myreactSharedExports.PATCH_TYPE.__initial__;
-		        _this.pendingAsyncLoadList = null;
 		        _this.pendingChangedFiberList = null;
 		        _this.pendingUpdateFiberArray = new myreactSharedExports.UniqueArray();
+		        _this.pendingSuspenseFiberArray = new myreactSharedExports.UniqueArray();
 		        _this.uniqueIdCount = 0;
 		        _this.rootElement = rootElement;
 		        var typedFiber = rootFiber;
@@ -6225,11 +6029,11 @@ function requireIndex_development_1 () {
 		    CustomRenderDispatch.prototype.dispatchFiber = function (_fiber) {
 		        defaultDispatchFiber(this, _fiber);
 		    };
-		    CustomRenderDispatch.prototype.processFiber = function (_fiber) {
-		        return loadLazy(this, _fiber, _fiber.elementType);
+		    CustomRenderDispatch.prototype.processLazy = function (_elementType) {
+		        return loadLazy(this, _elementType);
 		    };
 		    CustomRenderDispatch.prototype.processPromise = function (_promise) {
-		        return loadPromise(this, _promise.fiber, _promise);
+		        return loadPromise(this, _promise);
 		    };
 		    CustomRenderDispatch.prototype.commitCreate = function (_fiber) {
 		    };
@@ -6327,7 +6131,6 @@ function requireIndex_development_1 () {
 		        this.runtimeFiber.scheduledFiber = null;
 		        this.runtimeFiber.nextWorkingFiber = null;
 		        this.runtimeFiber.retriggerFiber = null;
-		        this.runtimeFiber.visibleFiber = null;
 		        this.pendingCommitFiberPatch = myreactSharedExports.PATCH_TYPE.__initial__;
 		    };
 		    CustomRenderDispatch.prototype.getFiberTree = function (_fiber) {
@@ -6431,7 +6234,6 @@ function requireIndex_development_1 () {
 		        needUpdate: true,
 		        nodes: processedNodes,
 		        isSync: true,
-		        isSkip: false,
 		        isForce: true,
 		        isImmediate: true,
 		        isRetrigger: true,
@@ -6444,69 +6246,6 @@ function requireIndex_development_1 () {
 		        },
 		    });
 		};
-		var prepareUpdateAllDependenceFromRoot = function (renderDispatch, fiber, beforeValue, afterValue) {
-		    var consumerList = new Set((fiber === null || fiber === void 0 ? void 0 : fiber.dependence) || []);
-		    var now = Date.now();
-		    var updater = {
-		        type: myreactSharedExports.UpdateQueueType.context,
-		        trigger: fiber,
-		        payLoad: afterValue,
-		        isSync: true,
-		        isForce: true,
-		        isImmediate: true,
-		        isRetrigger: false,
-		        _debugBeforeValue: beforeValue,
-		        _debugAfterValue: afterValue,
-		        _debugCreateTime: now,
-		        _debugRunTime: now,
-		        _debugType: myreactSharedExports.UpdateQueueType[myreactSharedExports.UpdateQueueType.context],
-		    };
-		    consumerList.forEach(function prepareUpdateSingleConsumer(i) {
-		        var owner = getInstanceOwnerFiber(i);
-		        if (owner && myreactSharedExports.exclude(owner.state, myreactSharedExports.STATE_TYPE.__unmount__)) {
-		            var typedFiber = owner;
-		            typedFiber.state = myreactSharedExports.STATE_TYPE.__triggerSyncForce__;
-		        }
-		    });
-		    var root = renderDispatch.rootFiber;
-		    if (enableDebugFiled.current && enableDebugUpdateQueue.current) {
-		        root._debugUpdateQueue = root._debugUpdateQueue || new myreactSharedExports.ListTree();
-		        root._debugUpdateQueue.push(updater);
-		    }
-		    renderDispatch.pendingUpdateFiberArray.clear();
-		    triggerUpdateOnFiber(root, myreactSharedExports.STATE_TYPE.__skippedSync__);
-		};
-		var prepareUpdateAllDependenceFromProvider = function (fiber, beforeValue, afterValue) {
-		    var consumerList = new Set((fiber === null || fiber === void 0 ? void 0 : fiber.dependence) || []);
-		    var now = Date.now();
-		    var updater = {
-		        type: myreactSharedExports.UpdateQueueType.context,
-		        trigger: fiber,
-		        payLoad: afterValue,
-		        isSync: true,
-		        isForce: true,
-		        isImmediate: true,
-		        isRetrigger: true,
-		        _debugBeforeValue: beforeValue,
-		        _debugAfterValue: afterValue,
-		        _debugCreateTime: now,
-		        _debugRunTime: now,
-		        _debugType: myreactSharedExports.UpdateQueueType[myreactSharedExports.UpdateQueueType.context],
-		    };
-		    consumerList.forEach(function prepareUpdateSingleConsumer(i) {
-		        var owner = getInstanceOwnerFiber(i);
-		        if (owner && myreactSharedExports.exclude(owner.state, myreactSharedExports.STATE_TYPE.__unmount__)) {
-		            var typedFiber_2 = owner;
-		            typedFiber_2.state = myreactSharedExports.STATE_TYPE.__triggerSyncForce__;
-		        }
-		    });
-		    var typedFiber = fiber;
-		    if (enableDebugFiled.current && enableDebugUpdateQueue.current) {
-		        typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new myreactSharedExports.ListTree();
-		        typedFiber._debugUpdateQueue.push(updater);
-		    }
-		    triggerUpdateOnFiber(typedFiber, myreactSharedExports.STATE_TYPE.__skippedSync__);
-		};
 
 		var currentComponentFiber = react.__my_react_internal__.currentComponentFiber, currentHookNodeIndex = react.__my_react_internal__.currentHookNodeIndex;
 		var resolveHookValue = function (hookNode, field) {
@@ -6625,7 +6364,7 @@ function requireIndex_development_1 () {
 		    });
 		}); };
 
-		var version = "0.3.10";
+		var version = "0.3.11";
 
 		exports.CustomRenderDispatch = CustomRenderDispatch;
 		exports.MyReactFiberNode = MyReactFiberNode;
@@ -6667,6 +6406,7 @@ function requireIndex_development_1 () {
 		exports.defaultInvokeUnmountList = defaultInvokeUnmountList;
 		exports.defaultReadContext = defaultReadContext;
 		exports.defaultReadPromise = defaultReadPromise;
+		exports.defaultResolveAliveSuspenseFiber = defaultResolveAliveSuspenseFiber;
 		exports.defaultResolveErrorBoundaries = defaultResolveErrorBoundaries;
 		exports.defaultResolveScope = defaultResolveScope;
 		exports.defaultResolveSuspenseFiber = defaultResolveSuspenseFiber;
@@ -6685,6 +6425,7 @@ function requireIndex_development_1 () {
 		exports.fiberToDispatchMap = fiberToDispatchMap;
 		exports.generateFiberToMountList = generateFiberToMountList;
 		exports.generateFiberToUnmountList = generateFiberToUnmountList;
+		exports.getClassInstanceFieldByInstance = getClassInstanceFieldByInstance;
 		exports.getCurrentDispatchFromFiber = getCurrentDispatchFromFiber;
 		exports.getCurrentDispatchFromType = getCurrentDispatchFromType;
 		exports.getCurrentFibersFromType = getCurrentFibersFromType;
@@ -6708,10 +6449,12 @@ function requireIndex_development_1 () {
 		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;
@@ -6725,9 +6468,9 @@ function requireIndex_development_1 () {
 		exports.loadLazy = loadLazy;
 		exports.loadPromise = loadPromise;
 		exports.mountAsync = mountAsync;
+		exports.mountClassInstance = mountClassInstance;
 		exports.mountLoopAll = mountLoopAll;
 		exports.mountLoopAllFromScheduler = mountLoopAllFromScheduler;
-		exports.mountLoopAllSync = mountLoopAllSync;
 		exports.mountSync = mountSync;
 		exports.mountToNextFiberFromRoot = mountToNextFiberFromRoot;
 		exports.nextWorkClassComponent = nextWorkClassComponent;
@@ -6745,10 +6488,7 @@ function requireIndex_development_1 () {
 		exports.originalError = originalError;
 		exports.originalWarn = originalWarn;
 		exports.performToNextFiberFromRoot = performToNextFiberFromRoot;
-		exports.performToNextFiberFromTrigger = performToNextFiberFromTrigger;
 		exports.prepareUpdateAllDependence = prepareUpdateAllDependence;
-		exports.prepareUpdateAllDependenceFromProvider = prepareUpdateAllDependenceFromProvider;
-		exports.prepareUpdateAllDependenceFromRoot = prepareUpdateAllDependenceFromRoot;
 		exports.prepareUpdateOnFiber = prepareUpdateOnFiber;
 		exports.processAsyncLoadListOnAsyncMount = processAsyncLoadListOnAsyncMount;
 		exports.processAsyncLoadListOnSyncMount = processAsyncLoadListOnSyncMount;
@@ -6790,7 +6530,6 @@ function requireIndex_development_1 () {
 		exports.triggerError = triggerError;
 		exports.triggerFiberUpdateListener = triggerFiberUpdateListener;
 		exports.triggerRevert = triggerRevert;
-		exports.triggerUnmount = triggerUnmount;
 		exports.triggerUpdate = triggerUpdate;
 		exports.triggerUpdateOnFiber = triggerUpdateOnFiber;
 		exports.typeToFibersMap = typeToFibersMap;
@@ -6800,15 +6539,11 @@ function requireIndex_development_1 () {
 		exports.unmountInstance = unmountInstance;
 		exports.unmountList = unmountList;
 		exports.updateConcurrentFromRoot = updateConcurrentFromRoot;
-		exports.updateConcurrentFromTrigger = updateConcurrentFromTrigger;
 		exports.updateFiberNode = updateFiberNode;
 		exports.updateHookNode = updateHookNode;
 		exports.updateLoopConcurrentFromRoot = updateLoopConcurrentFromRoot;
-		exports.updateLoopConcurrentFromTrigger = updateLoopConcurrentFromTrigger;
 		exports.updateLoopSyncFromRoot = updateLoopSyncFromRoot;
-		exports.updateLoopSyncFromTrigger = updateLoopSyncFromTrigger;
 		exports.updateSyncFromRoot = updateSyncFromRoot;
-		exports.updateSyncFromTrigger = updateSyncFromTrigger;
 		exports.version = version; 
 	} (index_development$1));
 	return index_development$1;
@@ -7030,6 +6765,8 @@ function requireIndex_development () {
 		    UpdateQueueType[UpdateQueueType["hmr"] = 4] = "hmr";
 		    UpdateQueueType[UpdateQueueType["trigger"] = 5] = "trigger";
 		    UpdateQueueType[UpdateQueueType["suspense"] = 6] = "suspense";
+		    UpdateQueueType[UpdateQueueType["lazy"] = 7] = "lazy";
+		    UpdateQueueType[UpdateQueueType["promise"] = 8] = "promise";
 		})(exports.UpdateQueueType || (exports.UpdateQueueType = {}));
 
 		exports.STATE_TYPE = void 0;
@@ -7037,17 +6774,15 @@ function requireIndex_development () {
 		    STATE_TYPE[STATE_TYPE["__initial__"] = 0] = "__initial__";
 		    STATE_TYPE[STATE_TYPE["__create__"] = 1] = "__create__";
 		    STATE_TYPE[STATE_TYPE["__stable__"] = 2] = "__stable__";
-		    STATE_TYPE[STATE_TYPE["__skippedConcurrent__"] = 4] = "__skippedConcurrent__";
-		    STATE_TYPE[STATE_TYPE["__skippedSync__"] = 8] = "__skippedSync__";
-		    STATE_TYPE[STATE_TYPE["__inherit__"] = 16] = "__inherit__";
-		    STATE_TYPE[STATE_TYPE["__triggerConcurrent__"] = 32] = "__triggerConcurrent__";
-		    STATE_TYPE[STATE_TYPE["__triggerConcurrentForce__"] = 64] = "__triggerConcurrentForce__";
-		    STATE_TYPE[STATE_TYPE["__triggerSync__"] = 128] = "__triggerSync__";
-		    STATE_TYPE[STATE_TYPE["__triggerSyncForce__"] = 256] = "__triggerSyncForce__";
-		    STATE_TYPE[STATE_TYPE["__unmount__"] = 512] = "__unmount__";
-		    STATE_TYPE[STATE_TYPE["__hmr__"] = 1024] = "__hmr__";
-		    STATE_TYPE[STATE_TYPE["__retrigger__"] = 2048] = "__retrigger__";
-		    STATE_TYPE[STATE_TYPE["__reschedule__"] = 4096] = "__reschedule__";
+		    STATE_TYPE[STATE_TYPE["__inherit__"] = 4] = "__inherit__";
+		    STATE_TYPE[STATE_TYPE["__triggerConcurrent__"] = 8] = "__triggerConcurrent__";
+		    STATE_TYPE[STATE_TYPE["__triggerConcurrentForce__"] = 16] = "__triggerConcurrentForce__";
+		    STATE_TYPE[STATE_TYPE["__triggerSync__"] = 32] = "__triggerSync__";
+		    STATE_TYPE[STATE_TYPE["__triggerSyncForce__"] = 64] = "__triggerSyncForce__";
+		    STATE_TYPE[STATE_TYPE["__unmount__"] = 128] = "__unmount__";
+		    STATE_TYPE[STATE_TYPE["__hmr__"] = 256] = "__hmr__";
+		    STATE_TYPE[STATE_TYPE["__retrigger__"] = 512] = "__retrigger__";
+		    STATE_TYPE[STATE_TYPE["__reschedule__"] = 1024] = "__reschedule__";
 		})(exports.STATE_TYPE || (exports.STATE_TYPE = {}));
 
 		exports.PATCH_TYPE = void 0;
@@ -8363,7 +8098,7 @@ var Reconciler = function (_config) {
     };
 };
 
-var version = "0.0.1";
+var version = "0.0.2";
 var createReconciler = Reconciler;
 
 exports.createReconciler = createReconciler;