@my-react/react-reconciler-compact 0.0.7 → 0.0.9

package/dist/cjs/index.production.js

@@ -311,6 +311,7 @@ function requireIndex_production_1 () {
 				    STATE_TYPE[STATE_TYPE["__retrigger__"] = 512] = "__retrigger__";
 				    STATE_TYPE[STATE_TYPE["__reschedule__"] = 1024] = "__reschedule__";
 				    STATE_TYPE[STATE_TYPE["__recreate__"] = 2048] = "__recreate__";
+				    STATE_TYPE[STATE_TYPE["__suspense__"] = 4096] = "__suspense__";
 				})(exports.STATE_TYPE || (exports.STATE_TYPE = {}));
 
 				exports.PATCH_TYPE = void 0;
@@ -913,7 +914,7 @@ function requireIndex_production_1 () {
 		    enableSyncFlush$1.current = stack.pop();
 		};
 
-		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 currentRunningFiber$5 = react.__my_react_internal__.currentRunningFiber, currentScheduler$h = react.__my_react_internal__.currentScheduler, currentScopeFiber$1 = react.__my_react_internal__.currentScopeFiber, currentError$1 = react.__my_react_internal__.currentError, currentCallingFiber$1 = react.__my_react_internal__.currentCallingFiber;
 		var safeCall = function (action) {
 		    var args = [];
 		    for (var _i = 1; _i < arguments.length; _i++) {
@@ -924,7 +925,7 @@ function requireIndex_production_1 () {
 		    }
 		    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$1.current || currentRunningFiber$5.current;
-		        var renderScheduler = currentScheduler$g.current;
+		        var renderScheduler = currentScheduler$h.current;
 		        currentError$1.current = currentError$1.current || e;
 		        renderScheduler.dispatchError({ fiber: fiber, error: currentError$1.current });
 		    }
@@ -944,7 +945,7 @@ function requireIndex_production_1 () {
 		            return fallback();
 		        }
 		        else {
-		            var renderScheduler = currentScheduler$g.current;
+		            var renderScheduler = currentScheduler$h.current;
 		            currentError$1.current = currentError$1.current || e;
 		            renderScheduler.dispatchError({ fiber: fiber, error: currentError$1.current });
 		        }
@@ -978,7 +979,7 @@ function requireIndex_production_1 () {
 		    }
 		    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$1.current || currentRunningFiber$5.current;
-		        var renderScheduler = currentScheduler$g.current;
+		        var renderScheduler = currentScheduler$h.current;
 		        currentError$1.current = currentError$1.current || e;
 		        renderScheduler.dispatchError({ fiber: fiber, error: currentError$1.current });
 		    }
@@ -987,7 +988,7 @@ function requireIndex_production_1 () {
 		    }
 		};
 
-		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 currentScheduler$g = react.__my_react_internal__.currentScheduler, currentRunningFiber$4 = react.__my_react_internal__.currentRunningFiber, currentScopeFiber = react.__my_react_internal__.currentScopeFiber, currentCallingFiber = react.__my_react_internal__.currentCallingFiber;
 		var enableOptimizeTreeLog = react.__my_react_shared__.enableOptimizeTreeLog;
 		var typeColor = {
 		    normal: "rgba(10, 190, 235, 0.8)",
@@ -1042,7 +1043,7 @@ function requireIndex_production_1 () {
 		    for (var _i = 0; _i < arguments.length; _i++) {
 		        args[_i] = arguments[_i];
 		    }
-		    var renderScheduler = currentScheduler$f.current;
+		    var renderScheduler = currentScheduler$g.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.current || currentRunningFiber$4.current;
 		    renderFiber && fiberWarn.apply(void 0, __spreadArray([renderFiber], args, false));
@@ -1079,7 +1080,7 @@ function requireIndex_production_1 () {
 		    for (var _i = 0; _i < arguments.length; _i++) {
 		        args[_i] = arguments[_i];
 		    }
-		    var renderScheduler = currentScheduler$f.current;
+		    var renderScheduler = currentScheduler$g.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.current || currentRunningFiber$4.current;
 		    renderFiber && fiberError.apply(void 0, __spreadArray([renderFiber], args, false));
@@ -1283,7 +1284,7 @@ function requireIndex_production_1 () {
 		    for (var _i = 2; _i < arguments.length; _i++) {
 		        args[_i - 2] = arguments[_i];
 		    }
-		    var renderScheduler = currentScheduler$f.current;
+		    var renderScheduler = currentScheduler$g.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;
@@ -1299,7 +1300,7 @@ function requireIndex_production_1 () {
 		    for (var _i = 2; _i < arguments.length; _i++) {
 		        args[_i - 2] = arguments[_i];
 		    }
-		    var renderScheduler = currentScheduler$f.current;
+		    var renderScheduler = currentScheduler$g.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;
@@ -1330,7 +1331,7 @@ function requireIndex_production_1 () {
 		        if (typeof element === "object" && element !== null) {
 		            nodeType = myreactSharedExports.merge(nodeType, exports.NODE_TYPE.__empty__);
 		        }
-		        else if (element === null || element === undefined || typeof element === "boolean" || typeof element === "function") {
+		        else if (element === null || element === undefined || typeof element === "boolean" || typeof element === "function" || element === "") {
 		            nodeType = myreactSharedExports.merge(nodeType, exports.NODE_TYPE.__null__);
 		        }
 		        else {
@@ -1451,7 +1452,7 @@ function requireIndex_production_1 () {
 		                throw new Error("[@my-react/react] invalid symbol element type \"".concat(elementType === null || elementType === void 0 ? void 0 : elementType.toString(), "\""));
 		        }
 		    }
-		    else if (typeof elementType === "string") {
+		    else if (typeof elementType === "string" && elementType !== "") {
 		        nodeType = myreactSharedExports.merge(nodeType, exports.NODE_TYPE.__plain__);
 		    }
 		    else {
@@ -1488,7 +1489,17 @@ function requireIndex_production_1 () {
 		    return new Set(Array.from(fibers || []).map(function (fiber) { return fiberToDispatchMap.get(fiber); }));
 		};
 		var getCurrentDispatchFromFiber = function (fiber) {
-		    return fiberToDispatchMap.get(fiber);
+		    var dispatch = fiberToDispatchMap.get(fiber);
+		    if (dispatch)
+		        return dispatch;
+		    var parent = fiber.parent;
+		    while (parent) {
+		        var typedFiberRoot = parent;
+		        if (typedFiberRoot.renderDispatch) {
+		            return typedFiberRoot.renderDispatch;
+		        }
+		        parent = parent.parent;
+		    }
 		};
 		var getElementFromRefreshIfExist = function (element) {
 		    var _a, _b;
@@ -1508,7 +1519,7 @@ function requireIndex_production_1 () {
 		var initHMR = function (env) {
 		};
 
-		var currentRunningFiber$3 = react.__my_react_internal__.currentRunningFiber, currentScheduler$e = react.__my_react_internal__.currentScheduler;
+		var currentRunningFiber$3 = react.__my_react_internal__.currentRunningFiber, currentScheduler$f = react.__my_react_internal__.currentScheduler;
 		var dispatchHook = function (params) {
 		    var fiber = currentRunningFiber$3.current;
 		    if (!fiber) {
@@ -1539,10 +1550,10 @@ function requireIndex_production_1 () {
 		var dispatchError = function (_params) {
 		    var fiber = _params.fiber || currentRunningFiber$3.current;
 		    if (!fiber) {
-		        throw new Error("No fiber found for dispatching error.");
+		        // a normal error
+		        throw _params.error;
 		    }
-		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__unmount__))
-		        return;
+		    // if (include(fiber.state, STATE_TYPE.__unmount__)) return;
 		    var dispatch = getCurrentDispatchFromFiber(fiber);
 		    if (!dispatch) {
 		        throw new Error("No dispatch found for the current running fiber.");
@@ -1554,14 +1565,25 @@ function requireIndex_production_1 () {
 		    if (!fiber) {
 		        throw new Error("No fiber found for dispatching promise.");
 		    }
-		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__unmount__))
-		        return;
+		    // if (include(fiber.state, STATE_TYPE.__unmount__)) return;
 		    var dispatch = getCurrentDispatchFromFiber(fiber);
 		    if (!dispatch) {
 		        throw new Error("No dispatch found for the current running fiber.");
 		    }
 		    return dispatch.dispatchPromise(_params);
 		};
+		var dispatchSuspensePromise = function (_params) {
+		    var fiber = _params.fiber || currentRunningFiber$3.current;
+		    if (!fiber) {
+		        throw new Error("No fiber found for dispatching suspense promise.");
+		    }
+		    // if (include(fiber.state, STATE_TYPE.__unmount__)) return;
+		    var dispatch = getCurrentDispatchFromFiber(fiber);
+		    if (!dispatch) {
+		        throw new Error("No dispatch found for the current running fiber.");
+		    }
+		    return dispatch.dispatchSuspensePromise(_params);
+		};
 		var readContext = function (_params) {
 		    var fiber = currentRunningFiber$3.current;
 		    if (!fiber) {
@@ -1598,7 +1620,7 @@ function requireIndex_production_1 () {
 		    }
 		};
 		var initScheduler = function () {
-		    var scheduler = currentScheduler$e.current;
+		    var scheduler = currentScheduler$f.current;
 		    scheduler.getFiberTree = getFiberTree;
 		    scheduler.readPromise = readPromise;
 		    scheduler.readContext = readContext;
@@ -1606,6 +1628,7 @@ function requireIndex_production_1 () {
 		    scheduler.dispatchHook = dispatchHook;
 		    scheduler.dispatchError = dispatchError;
 		    scheduler.dispatchPromise = dispatchPromise;
+		    scheduler.dispatchSuspensePromise = dispatchSuspensePromise;
 		};
 
 		react.__my_react_shared__.enableHMRForDev;
@@ -1709,85 +1732,6 @@ function requireIndex_production_1 () {
 		    return listTree;
 		};
 
-		var currentRunningFiber$2 = react.__my_react_internal__.currentRunningFiber;
-		var mountToNextFiberFromRoot = function (renderDispatch, fiber) {
-		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) || renderDispatch.isAppCrashed)
-		        return null;
-		    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__ |
-		        myreactSharedExports.STATE_TYPE.__recreate__)) {
-		        fiber.state = myreactSharedExports.remove(fiber.state, myreactSharedExports.STATE_TYPE.__retrigger__);
-		        currentRunningFiber$2.current = fiber;
-		        {
-		            runtimeNextWork(renderDispatch, fiber);
-		        }
-		        currentRunningFiber$2.current = null;
-		    }
-		    if (!myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__retrigger__)) {
-		        fiber.state = myreactSharedExports.STATE_TYPE.__stable__;
-		    }
-		    else {
-		        fiber.state = myreactSharedExports.STATE_TYPE.__triggerSync__;
-		    }
-		    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 performToNextFiberFromRoot = function (renderDispatch, fiber) {
-		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) || renderDispatch.isAppCrashed)
-		        return null;
-		    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__ |
-		        myreactSharedExports.STATE_TYPE.__recreate__)) {
-		        fiber.state = myreactSharedExports.remove(fiber.state, myreactSharedExports.STATE_TYPE.__retrigger__);
-		        currentRunningFiber$2.current = fiber;
-		        {
-		            runtimeNextWork(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.__triggerSync__;
-		    }
-		    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);
 		    if (!list) {
@@ -1888,6 +1832,16 @@ function requireIndex_production_1 () {
 		        child = child.sibling;
 		    }
 		};
+		var effectCallbackList = new myreactSharedExports.ListTree();
+		var addEffectCallback = function (cb) {
+		    effectCallbackList.push(cb);
+		};
+		var flushEffectCallback = function () {
+		    effectCallbackList.listToFoot(function (cb) {
+		        cb();
+		    });
+		    effectCallbackList.clear();
+		};
 		var effect = defaultInvokeEffect;
 		var layoutEffect = defaultInvokeLayoutEffect;
 		var insertionEffect = defaultInvokeInsertionEffect;
@@ -1934,8 +1888,93 @@ function requireIndex_production_1 () {
 		    }
 		};
 
-		var enableSuspenseRoot$2 = react.__my_react_shared__.enableSuspenseRoot;
-		var currentScheduler$d = react.__my_react_internal__.currentScheduler;
+		var currentRunningFiber$2 = react.__my_react_internal__.currentRunningFiber;
+		var mountToNextFiberFromRoot = function (renderDispatch, fiber) {
+		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) || renderDispatch.isAppCrashed)
+		        return null;
+		    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__ |
+		        myreactSharedExports.STATE_TYPE.__recreate__)) {
+		        fiber.state = myreactSharedExports.remove(fiber.state, myreactSharedExports.STATE_TYPE.__retrigger__);
+		        currentRunningFiber$2.current = fiber;
+		        {
+		            runtimeNextWork(renderDispatch, fiber);
+		        }
+		        currentRunningFiber$2.current = null;
+		    }
+		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__suspense__)) {
+		        fiber.state = myreactSharedExports.STATE_TYPE.__recreate__;
+		    }
+		    else if (!myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__retrigger__)) {
+		        fiber.state = myreactSharedExports.STATE_TYPE.__stable__;
+		    }
+		    else {
+		        fiber.state = myreactSharedExports.STATE_TYPE.__triggerSync__;
+		    }
+		    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 performToNextFiberFromRoot = function (renderDispatch, fiber) {
+		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) || renderDispatch.isAppCrashed)
+		        return null;
+		    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__ |
+		        myreactSharedExports.STATE_TYPE.__recreate__)) {
+		        fiber.state = myreactSharedExports.remove(fiber.state, myreactSharedExports.STATE_TYPE.__retrigger__);
+		        currentRunningFiber$2.current = fiber;
+		        {
+		            runtimeNextWork(renderDispatch, fiber);
+		        }
+		        currentRunningFiber$2.current = null;
+		        triggerFiberUpdateListener(renderDispatch, fiber);
+		    }
+		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__suspense__)) {
+		        fiber.state = myreactSharedExports.STATE_TYPE.__recreate__;
+		    }
+		    else if (!myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__retrigger__)) {
+		        fiber.state = myreactSharedExports.STATE_TYPE.__stable__;
+		    }
+		    else {
+		        fiber.state = myreactSharedExports.STATE_TYPE.__triggerSync__;
+		    }
+		    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 enableSuspenseRoot$3 = react.__my_react_shared__.enableSuspenseRoot;
+		var currentScheduler$e = react.__my_react_internal__.currentScheduler;
 		var mountLoopAllFromScheduler = function (renderDispatch) {
 		    while (renderDispatch.runtimeFiber.nextWorkingFiber) {
 		        renderDispatch.runtimeFiber.retriggerFiber = null;
@@ -2006,7 +2045,7 @@ function requireIndex_production_1 () {
 		                _a.sent();
 		                return [3 /*break*/, 1];
 		            case 3:
-		                if (!enableSuspenseRoot$2.current) return [3 /*break*/, 5];
+		                if (!enableSuspenseRoot$3.current) return [3 /*break*/, 5];
 		                suspenseField_1 = getInstanceFieldByInstance(renderDispatch);
 		                list = suspenseField_1.asyncLoadList.getAll();
 		                if (list.length === 0)
@@ -2087,7 +2126,7 @@ function requireIndex_production_1 () {
 		                    }); })).then(function () {
 		                        var aliveNode = defaultResolveAliveSuspenseFiber(node) || renderDispatch.rootFiber;
 		                        aliveNode.state = myreactSharedExports.STATE_TYPE.__triggerSyncForce__;
-		                        var renderScheduler = currentScheduler$d.current;
+		                        var renderScheduler = currentScheduler$e.current;
 		                        var updater = {
 		                            type: myreactSharedExports.UpdateQueueType.suspense,
 		                            trigger: aliveNode,
@@ -2114,15 +2153,12 @@ function requireIndex_production_1 () {
 		            throw new Error("[@my-react/reconciler] should not process async load list on sync mount without enableAsyncLoad, you may use a wrong renderDispatch instance");
 		        }
 		    }
-		    // TODO update flow
-		    if (enableSuspenseRoot$2.current) {
+		    if (enableSuspenseRoot$3.current) {
 		        var suspenseField_2 = getInstanceFieldByInstance(renderDispatch);
 		        var list = suspenseField_2.asyncLoadList.getAll();
 		        if (list.length === 0)
 		            return;
 		        if (renderDispatch.enableAsyncLoad) {
-		            // defaultDeleteCurrentEffect(renderDispatch, renderDispatch.rootFiber);
-		            // defaultDeleteChildEffect(renderDispatch, renderDispatch.rootFiber);
 		            var allPendingLoadArray = list.filter(function (item) {
 		                if (myreactSharedExports.isPromise(item)) {
 		                    return typeof item.status !== "string";
@@ -2153,7 +2189,7 @@ function requireIndex_production_1 () {
 		                                (_a = item._list) === null || _a === void 0 ? void 0 : _a.clear();
 		                                allFiber.forEach(function (node) {
 		                                    node.state = myreactSharedExports.STATE_TYPE.__recreate__;
-		                                    var renderScheduler = currentScheduler$d.current;
+		                                    var renderScheduler = currentScheduler$e.current;
 		                                    var updater = {
 		                                        type: myreactSharedExports.UpdateQueueType.suspense,
 		                                        trigger: node,
@@ -2169,13 +2205,6 @@ function requireIndex_production_1 () {
 		                    });
 		                }); }));
 		            }
-		            // suspenseField.isHidden = true;
-		            // const root = renderDispatch.rootFiber;
-		            // root.state = remove(root.state, STATE_TYPE.__stable__);
-		            // root.state = merge(root.state, STATE_TYPE.__retrigger__);
-		            // // TODO use hide tree to improve
-		            // mountLoopAll(renderDispatch, root);
-		            // suspenseField.isHidden = false;
 		        }
 		        else {
 		            throw new Error("[@my-react/reconciler] should not process async load list on sync mount without enableAsyncLoad, you may use a wrong renderDispatch instance");
@@ -2183,6 +2212,8 @@ function requireIndex_production_1 () {
 		    }
 		};
 
+		var enableSuspenseRoot$2 = react.__my_react_shared__.enableSuspenseRoot;
+		var currentScheduler$d = react.__my_react_internal__.currentScheduler;
 		exports.updateTypeEnum = void 0;
 		(function (updateTypeEnum) {
 		    updateTypeEnum[updateTypeEnum["syncFromRoot"] = 0] = "syncFromRoot";
@@ -2229,7 +2260,89 @@ function requireIndex_production_1 () {
 		    }
 		    return hasSync;
 		};
-		var processAsyncLoadListOnUpdate = processAsyncLoadListOnSyncMount;
+		var processAsyncLoadListOnUpdate = function (renderDispatch) {
+		    var _a;
+		    if ((_a = renderDispatch.pendingSuspenseFiberArray) === null || _a === void 0 ? void 0 : _a.length) {
+		        var allPendingSuspenseFiberArray = renderDispatch.pendingSuspenseFiberArray.getAll();
+		        if (renderDispatch.enableAsyncLoad) {
+		            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;
+		                    }
+		                });
+		                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) || renderDispatch.rootFiber;
+		                        aliveNode.state = myreactSharedExports.STATE_TYPE.__triggerSyncForce__;
+		                        var renderScheduler = currentScheduler$d.current;
+		                        var updater = {
+		                            type: myreactSharedExports.UpdateQueueType.suspense,
+		                            trigger: aliveNode,
+		                            isSync: true,
+		                            isForce: true,
+		                            payLoad: allPendingLoadArray,
+		                        };
+		                        renderScheduler.dispatchState(updater);
+		                    });
+		                }
+		                // fix hmr
+		                node.state = myreactSharedExports.STATE_TYPE.__reschedule__;
+		                field.isHidden = true;
+		                allField_1.push(field);
+		            });
+		            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 {
+		            throw new Error("[@my-react/reconciler] should not process async load list on sync mount without enableAsyncLoad, you may use a wrong renderDispatch instance");
+		        }
+		    }
+		    // TODO update flow
+		    if (enableSuspenseRoot$2.current) {
+		        var suspenseField = getInstanceFieldByInstance(renderDispatch);
+		        var list = suspenseField.asyncLoadList.getAll();
+		        if (list.length === 0)
+		            return;
+		        if (renderDispatch.enableAsyncLoad) {
+		            throw new Error("[@my-react/reconciler] not implemented yet");
+		        }
+		        else {
+		            throw new Error("[@my-react/reconciler] should not process async load list on sync mount without enableAsyncLoad, you may use a wrong renderDispatch instance");
+		        }
+		    }
+		};
 
 		var isErrorBoundariesInstance = function (instance, Component) {
 		    return typeof instance.componentDidCatch === "function" || typeof Component.getDerivedStateFromError === "function";
@@ -2767,7 +2880,7 @@ function requireIndex_production_1 () {
 		    var allQueue = fiber.updateQueue;
 		    var node = allQueue === null || allQueue === void 0 ? void 0 : allQueue.head;
 		    var needUpdate = true;
-		    var isSync = false;
+		    var isSync = true;
 		    var isForce = false;
 		    var isImmediate = false;
 		    var isRetrigger = false;
@@ -2998,7 +3111,7 @@ function requireIndex_production_1 () {
 		    var allQueue = fiber.updateQueue;
 		    var node = allQueue === null || allQueue === void 0 ? void 0 : allQueue.head;
 		    var needUpdate = false;
-		    var isSync = false;
+		    var isSync = true;
 		    var isForce = false;
 		    var isImmediate = false;
 		    var isRetrigger = false;
@@ -3118,7 +3231,7 @@ function requireIndex_production_1 () {
 		    var renderScheduler = currentScheduler$c.current;
 		    var node = allQueue === null || allQueue === void 0 ? void 0 : allQueue.head;
 		    var needUpdate = true;
-		    var isSync = false;
+		    var isSync = true;
 		    var isForce = false;
 		    var isImmediate = false;
 		    var isRetrigger = false;
@@ -3440,15 +3553,15 @@ function requireIndex_production_1 () {
 		};
 
 		var globalLoop$2 = react.__my_react_internal__.globalLoop, currentScheduler$a = react.__my_react_internal__.currentScheduler;
-		var enableConcurrentMode$1 = react.__my_react_shared__.enableConcurrentMode;
 		var scheduleUpdateFromRoot = function (renderDispatch) {
+		    flushEffectCallback();
 		    var allLive = renderDispatch.pendingUpdateFiberArray.getAll().filter(function (f) { return myreactSharedExports.exclude(f.state, myreactSharedExports.STATE_TYPE.__unmount__); });
 		    renderDispatch.pendingUpdateFiberArray.clear();
 		    if (allLive.length) {
 		        renderDispatch.runtimeFiber.scheduledFiber = renderDispatch.rootFiber;
 		        renderDispatch.runtimeFiber.nextWorkingFiber = renderDispatch.rootFiber;
 		        allLive.forEach(function (fiber) { return applyTriggerFiberCb(renderDispatch, fiber); });
-		        if (!enableConcurrentMode$1.current || allLive.some(function (f) { return myreactSharedExports.include(f.state, myreactSharedExports.STATE_TYPE.__triggerSync__ | myreactSharedExports.STATE_TYPE.__triggerSyncForce__); })) {
+		        if (!renderDispatch.enableConcurrentMode || allLive.some(function (f) { return myreactSharedExports.include(f.state, myreactSharedExports.STATE_TYPE.__triggerSync__ | myreactSharedExports.STATE_TYPE.__triggerSyncForce__); })) {
 		            updateSyncFromRoot(renderDispatch);
 		        }
 		        else {
@@ -3547,7 +3660,7 @@ function requireIndex_production_1 () {
 		    return myreactSharedExports.include(renderDispatch.runtimeFiber.nextWorkingFiber.state, myreactSharedExports.STATE_TYPE.__triggerSync__ | myreactSharedExports.STATE_TYPE.__triggerSyncForce__);
 		    // include(renderDispatch.runtimeFiber.nextWorkingFiber.state, STATE_TYPE.__retrigger__)
 		}
-		function updateConCurrentNextFrame(renderDispatch) {
+		function updateConcurrentNextFrame(renderDispatch) {
 		    var renderScheduler = currentScheduler$9.current;
 		    var hasSync = updateLoopConcurrentFromRoot(renderDispatch);
 		    if (renderDispatch.runtimeFiber.nextWorkingFiber) {
@@ -3560,7 +3673,7 @@ function requireIndex_production_1 () {
 		                    updateSyncFromRoot(renderDispatch);
 		                }
 		                else {
-		                    updateConCurrentNextFrame(renderDispatch);
+		                    updateConcurrentNextFrame(renderDispatch);
 		                }
 		            });
 		        }
@@ -3568,8 +3681,7 @@ function requireIndex_production_1 () {
 		    else {
 		        processAsyncLoadListOnUpdate(renderDispatch);
 		        finishUpdateConcurrentFromRoot(renderDispatch);
-		        renderScheduler.microTask(function callScheduleNext() {
-		            // TODO! flash all effect
+		        renderScheduler.macroTask(function callScheduleNext() {
 		            globalLoop$1.current = false;
 		            scheduleNext(renderDispatch);
 		        });
@@ -3589,7 +3701,7 @@ function requireIndex_production_1 () {
 		                    updateSyncFromRoot(renderDispatch);
 		                }
 		                else {
-		                    updateConCurrentNextFrame(renderDispatch);
+		                    updateConcurrentNextFrame(renderDispatch);
 		                }
 		            });
 		        }
@@ -3597,8 +3709,7 @@ function requireIndex_production_1 () {
 		    else {
 		        processAsyncLoadListOnUpdate(renderDispatch);
 		        finishUpdateConcurrentFromRoot(renderDispatch);
-		        renderScheduler.microTask(function callScheduleNext() {
-		            // TODO! flash all effect
+		        renderScheduler.macroTask(function callScheduleNext() {
 		            globalLoop$1.current = false;
 		            scheduleNext(renderDispatch);
 		        });
@@ -3639,7 +3750,9 @@ function requireIndex_production_1 () {
 		    if (!field)
 		        throw new Error("[@my-react/react] hook instance not found, look like a bug for @my-react");
 		    var typedField = field;
-		    typedField.dispatch = function (action) { return hookNode._update({ payLoad: action, isForce: false, isSync: enableSyncFlush.current }); };
+		    typedField.dispatch = function dispatchAction(action) {
+		        hookNode._update({ payLoad: action, isForce: false, isSync: enableSyncFlush.current });
+		    };
 		};
 
 		var currentComponentFiber$3 = react.__my_react_internal__.currentComponentFiber;
@@ -3675,12 +3788,22 @@ function requireIndex_production_1 () {
 		};
 		var defaultOptimisticReducer = function (state) { return state; };
 		var createHookNode = function (renderDispatch, _a, fiber) {
-		    var _b;
+		    var _b, _c;
 		    var type = _a.type, value = _a.value, reducer = _a.reducer, deps = _a.deps;
 		    var currentHook = (_b = currentHookTreeNode$2.current) === null || _b === void 0 ? void 0 : _b.value;
 		    var currentHookIndex = currentHookNodeIndex$2.current;
+		    var currentIsReCreate = myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__recreate__);
 		    if (currentHook) {
-		        throw new Error("[@my-react/react] should not have a hookList for current node, this is a bug for @my-react");
+		        if (currentIsReCreate) {
+		            if (currentHookIndex === 0) {
+		                defaultDeleteChildEffect(renderDispatch, fiber);
+		                defaultDeleteCurrentEffect(renderDispatch, fiber);
+		                fiber.hookList.clear();
+		            }
+		        }
+		        else {
+		            throw new Error("[@my-react/react] should not have a hookList for current node, this is a bug for @my-react");
+		        }
 		    }
 		    var hookNode = new MyReactHookNode(type, value, reducer || defaultReducer, deps);
 		    initInstance(hookNode);
@@ -3704,6 +3827,10 @@ function requireIndex_production_1 () {
 		    if (hookNode.type === myreactSharedExports.HOOK_TYPE.useRef || hookNode.type === myreactSharedExports.HOOK_TYPE.useCallback || hookNode.type === myreactSharedExports.HOOK_TYPE.useDeferredValue) {
 		        hookNode.result = hookNode.value;
 		    }
+		    // cache ref state from recreate
+		    if (hookNode.type === myreactSharedExports.HOOK_TYPE.useRef && currentHook && currentHook.type === myreactSharedExports.HOOK_TYPE.useRef) {
+		        hookNode.result = currentHook.result;
+		    }
 		    if (hookNode.type === myreactSharedExports.HOOK_TYPE.useId) {
 		        hookNode.result = "\u00AB-".concat(currentHookIndex, "-").concat(renderDispatch.uniqueIdCount++, "-\u00BB");
 		        hookNode.cancel = function () { return renderDispatch.uniqueIdCount--; };
@@ -3726,12 +3853,13 @@ function requireIndex_production_1 () {
 		            return safeCallWithCurrentFiber({
 		                fiber: fiber,
 		                action: function safeCallGetSnapshot() {
-		                    var _a;
 		                    return renderDispatch.isAppMounted
 		                        ? storeApi_1.getSnapshot.call(null)
-		                        : storeApi_1.getServerSnapshot
-		                            ? (_a = storeApi_1.getServerSnapshot) === null || _a === void 0 ? void 0 : _a.call(null)
-		                            : storeApi_1.getSnapshot.call(null);
+		                        : // SEE https://github.com/facebook/react/blob/main/packages/use-sync-external-store/src/useSyncExternalStoreShimClient.js#L33
+		                            // : storeApi.getServerSnapshot
+		                            // ? storeApi.getServerSnapshot?.call(null)
+		                            // : storeApi.getSnapshot.call(null);
+		                            storeApi_1.getSnapshot.call(null);
 		                },
 		            });
 		        };
@@ -3825,6 +3953,7 @@ function requireIndex_production_1 () {
 		            },
 		        };
 		    }
+		    currentHookTreeNode$2.current = (_c = currentHookTreeNode$2.current) === null || _c === void 0 ? void 0 : _c.next;
 		    return hookNode;
 		};
 
@@ -4147,11 +4276,10 @@ function requireIndex_production_1 () {
 		        fiber.constructor.prototype.isMyReactFiberNode);
 		};
 
-		var enableConcurrentMode = react.__my_react_shared__.enableConcurrentMode;
 		var currentScheduler$5 = react.__my_react_internal__.currentScheduler;
 		var processUpdateOnFiber = function (renderDispatch, fiber, _isImmediate, _isRetrigger) {
 		    var renderScheduler = currentScheduler$5.current;
-		    var flag = enableConcurrentMode.current;
+		    var flag = renderDispatch.enableConcurrentMode;
 		    var updateState = null;
 		    if (myreactSharedExports.include(fiber.type, exports.NODE_TYPE.__class__)) {
 		        updateState = flag ? processClassComponentUpdateQueueLatest(renderDispatch, fiber, flag) : processClassComponentUpdateQueueLegacy(renderDispatch, fiber);
@@ -4370,7 +4498,8 @@ function requireIndex_production_1 () {
 		            renderDispatch.pendingUpdate(fiber);
 		        }
 		    }
-		    if (nextRef && prevRef !== nextRef) {
+		    if (prevRef !== nextRef) {
+		        fiber.refPrevious = prevRef;
 		        renderDispatch.pendingRef(fiber);
 		    }
 		    if (fiber !== prevFiber) {
@@ -4523,8 +4652,8 @@ function requireIndex_production_1 () {
 		            return updateFiberNode(renderDispatch, { fiber: draftFiber_1, parent: parentFiber, prevFiber: prevFiberChild }, newElement);
 		        }
 		        else {
-		            renderDispatch.generateChangedList(parentFiber);
-		            renderDispatch.pendingUnmount(parentFiber, draftFiber_1);
+		            draftFiber_1 && renderDispatch.generateChangedList(parentFiber);
+		            draftFiber_1 && renderDispatch.pendingUnmount(parentFiber, draftFiber_1);
 		            return createFragmentWithUpdate(renderDispatch, newChild, parentFiber);
 		        }
 		    }
@@ -4541,7 +4670,7 @@ function requireIndex_production_1 () {
 		    }
 		    else {
 		        draftFiber && renderDispatch.pendingUnmount(parentFiber, draftFiber);
-		        renderDispatch.generateChangedList(parentFiber);
+		        draftFiber && renderDispatch.generateChangedList(parentFiber);
 		        return createFiberNode(renderDispatch, { parent: parentFiber, type: "position" }, newChild);
 		    }
 		};
@@ -4556,9 +4685,13 @@ function requireIndex_production_1 () {
 		    var isUpdate = myreactSharedExports.exclude(parentFiber.state, myreactSharedExports.STATE_TYPE.__create__);
 		    var isHMR = myreactSharedExports.include(parentFiber.state, myreactSharedExports.STATE_TYPE.__hmr__);
 		    var isRetrigger = myreactSharedExports.include(parentFiber.state, myreactSharedExports.STATE_TYPE.__retrigger__);
+		    var isSuspense = myreactSharedExports.include(parentFiber.state, myreactSharedExports.STATE_TYPE.__suspense__);
 		    // is current is retrigger update, skip update children
 		    if (isRetrigger)
 		        return;
+		    // if is suspense, skip update children
+		    if (isSuspense)
+		        return;
 		    if (isUpdate || isHMR) {
 		        var _a = getExistingChildren(parentFiber), existingChildrenMap = _a.existingChildrenMap, existingChildrenArray = _a.existingChildrenArray;
 		        parentFiber.child = null;
@@ -4644,6 +4777,11 @@ function requireIndex_production_1 () {
 		};
 
 		var currentHookTreeNode = react.__my_react_internal__.currentHookTreeNode, currentHookNodeIndex$1 = react.__my_react_internal__.currentHookNodeIndex, currentScheduler$4 = react.__my_react_internal__.currentScheduler;
+		var triggerState = myreactSharedExports.STATE_TYPE.__triggerSync__ |
+		    myreactSharedExports.STATE_TYPE.__triggerSyncForce__ |
+		    myreactSharedExports.STATE_TYPE.__triggerConcurrent__ |
+		    myreactSharedExports.STATE_TYPE.__triggerConcurrentForce__ |
+		    myreactSharedExports.STATE_TYPE.__retrigger__;
 		var processFunction = function (fiber) {
 		    var _a;
 		    currentHookTreeNode.current = (_a = fiber.hookList) === null || _a === void 0 ? void 0 : _a.head;
@@ -4655,14 +4793,20 @@ function requireIndex_production_1 () {
 		        children = safeCallWithCurrentFiber({
 		            fiber: fiber,
 		            action: function safeCallForwardRefFunctionalComponent() {
-		                var _a, _b;
+		                var _a, _b, _c, _d;
 		                var re = undefined;
 		                try {
 		                    re = typedElementTypeWithRef_1(fiber.pendingProps, fiber.ref);
 		                }
 		                catch (e) {
 		                    if (myreactSharedExports.isPromise(e)) {
-		                        re = (_b = (_a = currentScheduler$4.current) === null || _a === void 0 ? void 0 : _a.dispatchPromise) === null || _b === void 0 ? void 0 : _b.call(_a, { fiber: fiber, promise: e });
+		                        var currentIsTrigger = myreactSharedExports.include(fiber.state, triggerState);
+		                        if (currentIsTrigger) {
+		                            re = (_b = (_a = currentScheduler$4.current) === null || _a === void 0 ? void 0 : _a.dispatchSuspensePromise) === null || _b === void 0 ? void 0 : _b.call(_a, { fiber: fiber, promise: e });
+		                        }
+		                        else {
+		                            re = (_d = (_c = currentScheduler$4.current) === null || _c === void 0 ? void 0 : _c.dispatchPromise) === null || _d === void 0 ? void 0 : _d.call(_c, { fiber: fiber, promise: e });
+		                        }
 		                    }
 		                    else {
 		                        throw e;
@@ -4676,14 +4820,20 @@ function requireIndex_production_1 () {
 		        children = safeCallWithCurrentFiber({
 		            fiber: fiber,
 		            action: function safeCallFunctionalComponent() {
-		                var _a, _b;
+		                var _a, _b, _c, _d;
 		                var re = undefined;
 		                try {
 		                    re = typedElementType(fiber.pendingProps);
 		                }
 		                catch (e) {
 		                    if (myreactSharedExports.isPromise(e)) {
-		                        re = (_b = (_a = currentScheduler$4.current) === null || _a === void 0 ? void 0 : _a.dispatchPromise) === null || _b === void 0 ? void 0 : _b.call(_a, { fiber: fiber, promise: e });
+		                        var currentIsTrigger = myreactSharedExports.include(fiber.state, triggerState);
+		                        if (currentIsTrigger) {
+		                            re = (_b = (_a = currentScheduler$4.current) === null || _a === void 0 ? void 0 : _a.dispatchSuspensePromise) === null || _b === void 0 ? void 0 : _b.call(_a, { fiber: fiber, promise: e });
+		                        }
+		                        else {
+		                            re = (_d = (_c = currentScheduler$4.current) === null || _c === void 0 ? void 0 : _c.dispatchPromise) === null || _d === void 0 ? void 0 : _d.call(_c, { fiber: fiber, promise: e });
+		                        }
 		                    }
 		                    else {
 		                        throw e;
@@ -4769,7 +4919,7 @@ function requireIndex_production_1 () {
 		        return null;
 		    }
 		    else {
-		        // TODO  update flow
+		        // TODO update flow
 		        if (enableSuspenseRoot$1.current && !renderDispatch.isAppMounted) {
 		            var suspenseField = getInstanceFieldByInstance(renderDispatch);
 		            suspenseField.asyncLoadList.uniPush(typedElementType);
@@ -5157,6 +5307,9 @@ function requireIndex_production_1 () {
 		    RenderDispatchEvent.prototype.dispatchPromise = function (_params) {
 		        throw new Error("Method not implemented.");
 		    };
+		    RenderDispatchEvent.prototype.dispatchSuspensePromise = function (_params) {
+		        throw new Error("Method not implemented.");
+		    };
 		    RenderDispatchEvent.prototype.trigger = function (_fiber, _state, cb) {
 		        return triggerUpdateOnFiber(_fiber, _state, cb);
 		    };
@@ -5687,12 +5840,23 @@ function requireIndex_production_1 () {
 		        layoutEffect(_dispatch, _fiber);
 		    });
 		    afterSyncUpdate();
-		    var renderScheduler = currentScheduler$2.current;
-		    renderScheduler.microTask(function invokeEffectListTask() {
+		    function invokeEffectListTask() {
 		        _list.listToFoot(function invokeEffectList(_fiber) {
 		            effect(_dispatch, _fiber);
 		        });
-		    });
+		    }
+		    addEffectCallback(invokeEffectListTask);
+		    var renderScheduler = currentScheduler$2.current;
+		    if (_dispatch.enableConcurrentMode) {
+		        renderScheduler.macroTask(function flushEffect() {
+		            flushEffectCallback();
+		        });
+		    }
+		    else {
+		        renderScheduler.microTask(function flushEffect() {
+		            flushEffectCallback();
+		        });
+		    }
 		};
 		var defaultDispatchMount = defaultDispatchMountLatest;
 
@@ -5776,15 +5940,25 @@ function requireIndex_production_1 () {
 		        }
 		    });
 		    afterSyncUpdate();
-		    var renderScheduler = currentScheduler$1.current;
-		    // TODO before next update flow, make sure all the effect has done
-		    renderScheduler.microTask(function invokeEffectListTask() {
+		    function invokeEffectListTask() {
 		        _list.listToFoot(function invokeEffectList(_fiber) {
 		            if (myreactSharedExports.exclude(_fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
 		                effect(_dispatch, _fiber);
 		            }
 		        });
-		    });
+		    }
+		    addEffectCallback(invokeEffectListTask);
+		    var renderScheduler = currentScheduler$1.current;
+		    if (_dispatch.enableConcurrentMode) {
+		        renderScheduler.macroTask(function flushEffect() {
+		            flushEffectCallback();
+		        });
+		    }
+		    else {
+		        renderScheduler.microTask(function flushEffect() {
+		            flushEffectCallback();
+		        });
+		    }
 		};
 
 		var enableSuspenseRoot = react.__my_react_shared__.enableSuspenseRoot;
@@ -5845,7 +6019,9 @@ function requireIndex_production_1 () {
 		        promise._loading = true;
 		        promise.status = "pending";
 		        var renderScheduler_1 = currentScheduler.current;
-		        renderDispatch.processPromise(promise).then(function () {
+		        renderDispatch
+		            .processPromise(promise)
+		            .then(function () {
 		            fiber.state = myreactSharedExports.STATE_TYPE.__recreate__;
 		            promise._list.delete(fiber);
 		            promise._loading = false;
@@ -5857,9 +6033,44 @@ function requireIndex_production_1 () {
 		                payLoad: promise,
 		            };
 		            renderScheduler_1.dispatchState(updater);
-		        });
+		        })
+		            .catch(function (e) { return renderScheduler_1.dispatchError({ fiber: fiber, error: e }); });
+		        return null;
+		    }
+		};
+		var processSuspensePromise = function (renderDispatch, fiber, promise) {
+		    var _a, _b;
+		    defaultDeleteCurrentEffect(renderDispatch, fiber);
+		    fiber.state = myreactSharedExports.STATE_TYPE.__suspense__;
+		    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;
 		    }
+		    if (promise.status === "fulfilled") ;
+		    promise._list = promise._list || new Set();
+		    promise._list.add(fiber);
+		    if (promise._loading)
+		        return null;
+		    promise._loading = true;
+		    promise.status = "pending";
+		    var renderScheduler = currentScheduler.current;
+		    renderDispatch
+		        .processPromise(promise)
+		        .then(function () {
+		        fiber.state = myreactSharedExports.STATE_TYPE.__recreate__;
+		        promise._list.delete(fiber);
+		        promise._loading = false;
+		        var updater = {
+		            type: myreactSharedExports.UpdateQueueType.promise,
+		            trigger: fiber,
+		            isSync: true,
+		            isForce: true,
+		            payLoad: promise,
+		        };
+		        renderScheduler.dispatchState(updater);
+		    })
+		        .catch(function (e) { return renderScheduler.dispatchError({ fiber: fiber, error: e }); });
+		    return null;
 		};
 
 		var CustomRenderDispatch = /** @class */ (function (_super) {
@@ -5871,7 +6082,7 @@ function requireIndex_production_1 () {
 		        _this.isAppMounted = false;
 		        _this.isAppCrashed = false;
 		        _this.isAppUnmounted = false;
-		        _this.version = "0.3.16";
+		        _this.version = "0.3.18";
 		        _this.mode = "production";
 		        _this.renderMode = "render";
 		        _this.pendingCommitFiberList = null;
@@ -6283,7 +6494,7 @@ function requireIndex_production_1 () {
 		    });
 		}); };
 
-		var version = "0.3.16";
+		var version = "0.3.18";
 
 		exports.CustomRenderDispatch = CustomRenderDispatch;
 		exports.MyReactFiberNode = MyReactFiberNode;
@@ -6292,6 +6503,7 @@ function requireIndex_production_1 () {
 		exports.RenderDispatchEvent = RenderDispatchEvent;
 		exports.WrapperByLazyScope = WrapperByLazyScope;
 		exports.WrapperBySuspenseScope = WrapperBySuspenseScope;
+		exports.addEffectCallback = addEffectCallback;
 		exports.afterSyncFlush = afterSyncFlush;
 		exports.afterSyncUpdate = afterSyncUpdate;
 		exports.applyTriggerFiberCb = applyTriggerFiberCb;
@@ -6341,6 +6553,7 @@ function requireIndex_production_1 () {
 		exports.enableLogForCurrentFlowIsRunning = enableLogForCurrentFlowIsRunning;
 		exports.enableValidMyReactElement = enableValidMyReactElement;
 		exports.fiberToDispatchMap = fiberToDispatchMap;
+		exports.flushEffectCallback = flushEffectCallback;
 		exports.generateFiberToListWithAction = generateFiberToListWithAction;
 		exports.generateFiberToMountList = generateFiberToMountList;
 		exports.generateFiberToUnmountList = generateFiberToUnmountList;
@@ -6430,6 +6643,7 @@ function requireIndex_production_1 () {
 		exports.processProvider = processProvider;
 		exports.processState = processState;
 		exports.processSuspense = processSuspense;
+		exports.processSuspensePromise = processSuspensePromise;
 		exports.resetLogScope = resetLogScope;
 		exports.runtimeNextWork = runtimeNextWork;
 		exports.runtimeNextWorkDev = runtimeNextWorkDev;
@@ -6706,6 +6920,7 @@ function requireIndex_production () {
 		    STATE_TYPE[STATE_TYPE["__retrigger__"] = 512] = "__retrigger__";
 		    STATE_TYPE[STATE_TYPE["__reschedule__"] = 1024] = "__reschedule__";
 		    STATE_TYPE[STATE_TYPE["__recreate__"] = 2048] = "__recreate__";
+		    STATE_TYPE[STATE_TYPE["__suspense__"] = 4096] = "__suspense__";
 		})(exports.STATE_TYPE || (exports.STATE_TYPE = {}));
 
 		exports.PATCH_TYPE = void 0;
@@ -7184,27 +7399,51 @@ var delGlobalDispatch = function (dispatch) {
  * @internal
  */
 var setRef = function (_fiber, config) {
-    var _a, _b;
     if (myreactSharedExports.include(_fiber.patch, myreactSharedExports.PATCH_TYPE.__ref__)) {
+        var cleanUp = function () {
+            var refPrevious = _fiber.refPrevious;
+            myreactReconcilerExports.safeCallWithCurrentFiber({
+                fiber: _fiber,
+                action: function safeCallRefPrevious() {
+                    if (typeof refPrevious === "object" && refPrevious !== null) {
+                        refPrevious.current = null;
+                    }
+                    else if (typeof refPrevious === "function") {
+                        refPrevious === null || refPrevious === void 0 ? void 0 : refPrevious(null);
+                    }
+                },
+            });
+            _fiber.refPrevious = undefined;
+            var refCleanup = _fiber.refCleanup;
+            myreactReconcilerExports.safeCallWithCurrentFiber({
+                fiber: _fiber,
+                action: function safeCallRefCleanup() {
+                    if (typeof refCleanup === "function") {
+                        refCleanup();
+                    }
+                },
+            });
+            _fiber.refCleanup = undefined;
+        };
         if (myreactSharedExports.include(_fiber.type, myreactReconcilerExports.NODE_TYPE.__plain__)) {
             if (_fiber.nativeNode) {
+                cleanUp();
                 var ref_1 = _fiber.ref;
-                if (typeof ref_1 === "object" && ref_1 !== null) {
-                    ref_1.current = (_a = config === null || config === void 0 ? void 0 : config.getPublicInstance) === null || _a === void 0 ? void 0 : _a.call(config, _fiber.nativeNode);
-                }
-                else if (typeof ref_1 === "function") {
-                    myreactReconcilerExports.safeCallWithCurrentFiber({
-                        fiber: _fiber,
-                        action: function safeCallSetRef() {
-                            var _a, _b;
-                            (_a = _fiber.refCleanup) === null || _a === void 0 ? void 0 : _a.call(_fiber);
+                myreactReconcilerExports.safeCallWithCurrentFiber({
+                    fiber: _fiber,
+                    action: function safeCallSetRef() {
+                        var _a, _b;
+                        if (typeof ref_1 === "object" && ref_1 !== null) {
+                            ref_1.current = (_a = config === null || config === void 0 ? void 0 : config.getPublicInstance) === null || _a === void 0 ? void 0 : _a.call(config, _fiber.nativeNode);
+                        }
+                        else if (typeof ref_1 === "function") {
                             var refCleanUp = ref_1((_b = config === null || config === void 0 ? void 0 : config.getPublicInstance) === null || _b === void 0 ? void 0 : _b.call(config, _fiber.nativeNode));
                             if (typeof refCleanUp === "function") {
                                 _fiber.refCleanup = refCleanUp;
                             }
-                        },
-                    });
-                }
+                        }
+                    },
+                });
             }
             else {
                 throw new Error("[@my-react/react] plain element do not have a native node");
@@ -7212,23 +7451,23 @@ var setRef = function (_fiber, config) {
         }
         else if (myreactSharedExports.include(_fiber.type, myreactReconcilerExports.NODE_TYPE.__class__)) {
             if (_fiber.instance) {
+                cleanUp();
                 var ref_2 = _fiber.ref;
-                if (typeof ref_2 === "object" && ref_2 !== null) {
-                    ref_2.current = (_b = config === null || config === void 0 ? void 0 : config.getPublicInstance) === null || _b === void 0 ? void 0 : _b.call(config, _fiber.instance);
-                }
-                else if (typeof ref_2 === "function") {
-                    myreactReconcilerExports.safeCallWithCurrentFiber({
-                        fiber: _fiber,
-                        action: function safeCallSetRef() {
-                            var _a, _b;
-                            (_a = _fiber.refCleanup) === null || _a === void 0 ? void 0 : _a.call(_fiber);
+                myreactReconcilerExports.safeCallWithCurrentFiber({
+                    fiber: _fiber,
+                    action: function safeCallSetRef() {
+                        var _a, _b;
+                        if (typeof ref_2 === "object" && ref_2 !== null) {
+                            ref_2.current = (_a = config === null || config === void 0 ? void 0 : config.getPublicInstance) === null || _a === void 0 ? void 0 : _a.call(config, _fiber.instance);
+                        }
+                        else if (typeof ref_2 === "function") {
                             var refCleanUp = ref_2((_b = config === null || config === void 0 ? void 0 : config.getPublicInstance) === null || _b === void 0 ? void 0 : _b.call(config, _fiber.instance));
                             if (typeof refCleanUp === "function") {
                                 _fiber.refCleanup = refCleanUp;
                             }
-                        },
-                    });
-                }
+                        }
+                    },
+                });
             }
             else {
                 throw new Error("[@my-react/react-dom] class component do not have a instance");
@@ -7694,11 +7933,15 @@ var ReconcilerDispatchMount = function (_dispatch, _fiber, config) {
         myreactReconcilerExports.layoutEffect(_dispatch, _fiber);
     });
     myreactReconcilerExports.afterSyncUpdate();
-    var renderScheduler = currentScheduler$2.current;
-    renderScheduler.microTask(function invokeEffectListTask() {
+    function invokeEffectListTask() {
         _list.listToFoot(function invokeEffectList(_fiber) {
             myreactReconcilerExports.effect(_dispatch, _fiber);
         });
+    }
+    myreactReconcilerExports.addEffectCallback(invokeEffectListTask);
+    var renderScheduler = currentScheduler$2.current;
+    renderScheduler.macroTask(function flushEffect() {
+        myreactReconcilerExports.flushEffectCallback();
     });
 };
 
@@ -7717,7 +7960,7 @@ var ReconcilerDispatchUpdate = function (_dispatch, _list, config) {
         }
     });
     myreactReconcilerExports.afterSyncUpdate();
-    var pendingCreateFiberArray = [];
+    var pendingFinalizeInitialChildrenFiberSet = new Set();
     var pendingCommitFiberArray = [];
     _list.listToFoot(function invokeCreateAndUpdateList(_fiber) {
         if (myreactSharedExports.exclude(_fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
@@ -7731,7 +7974,7 @@ var ReconcilerDispatchUpdate = function (_dispatch, _list, config) {
             });
             var afterHasNode = _fiber.nativeNode;
             if (!beforeHasNode && afterHasNode) {
-                pendingCreateFiberArray.push(_fiber);
+                pendingFinalizeInitialChildrenFiberSet.add(_fiber);
             }
         }
     });
@@ -7741,6 +7984,8 @@ var ReconcilerDispatchUpdate = function (_dispatch, _list, config) {
                 fiber: _fiber,
                 action: function safeCallPosition() {
                     _dispatch.commitPosition(_fiber);
+                    var parentFiber = getValidParentFiberWithNode(_dispatch, _fiber);
+                    parentFiber && pendingFinalizeInitialChildrenFiberSet.add(parentFiber);
                 },
             });
         }
@@ -7751,6 +7996,8 @@ var ReconcilerDispatchUpdate = function (_dispatch, _list, config) {
                 fiber: _fiber,
                 action: function safeCallAppendList() {
                     _dispatch.commitAppend(_fiber);
+                    var parentFiber = getValidParentFiberWithNode(_dispatch, _fiber);
+                    parentFiber && pendingFinalizeInitialChildrenFiberSet.add(parentFiber);
                 },
             });
         }
@@ -7765,7 +8012,7 @@ var ReconcilerDispatchUpdate = function (_dispatch, _list, config) {
             });
         }
     });
-    pendingCreateFiberArray.forEach(function invokeFinalizeInitialChildren(_fiber) {
+    pendingFinalizeInitialChildrenFiberSet.forEach(function invokeFinalizeInitialChildren(_fiber) {
         if (_fiber.nativeNode) {
             var node = config.getPublicInstance(_fiber.nativeNode);
             var type = _fiber.elementType;
@@ -7791,15 +8038,25 @@ var ReconcilerDispatchUpdate = function (_dispatch, _list, config) {
         }
     });
     myreactReconcilerExports.afterSyncUpdate();
-    var renderScheduler = currentScheduler$1.current;
-    // TODO before next update flow, make sure all the effect has done
-    renderScheduler.microTask(function invokeEffectListTask() {
+    function invokeEffectListTask() {
         _list.listToFoot(function invokeEffectList(_fiber) {
             if (myreactSharedExports.exclude(_fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
                 myreactReconcilerExports.effect(_dispatch, _fiber);
             }
         });
-    });
+    }
+    myreactReconcilerExports.addEffectCallback(invokeEffectListTask);
+    var renderScheduler = currentScheduler$1.current;
+    if (_dispatch.enableConcurrentMode) {
+        renderScheduler.macroTask(function flushEffect() {
+            myreactReconcilerExports.flushEffectCallback();
+        });
+    }
+    else {
+        renderScheduler.microTask(function flushEffect() {
+            myreactReconcilerExports.flushEffectCallback();
+        });
+    }
 };
 
 require$$0.__my_react_internal__.currentComponentFiber;
@@ -7810,7 +8067,7 @@ var initialRef = {
     typeForAppend: myreactReconcilerExports.NODE_TYPE.__text__ | myreactReconcilerExports.NODE_TYPE.__plain__,
     typeForNativeNode: myreactReconcilerExports.NODE_TYPE.__text__ | myreactReconcilerExports.NODE_TYPE.__plain__ | myreactReconcilerExports.NODE_TYPE.__portal__,
 };
-var createDispatch = function (rootNode, rootFiber, rootElement, config) {
+var createDispatch = function (rootNode, rootFiber, rootElement, config, flag) {
     var ReconcilerDispatch = /** @class */ (function (_super) {
         __extends(ReconcilerDispatch, _super);
         function ReconcilerDispatch() {
@@ -7905,13 +8162,19 @@ var createDispatch = function (rootNode, rootFiber, rootElement, config) {
         ReconcilerDispatch.prototype.dispatchPromise = function (_params) {
             return myreactReconcilerExports.processPromise(this, _params.fiber, _params.promise);
         };
+        ReconcilerDispatch.prototype.dispatchSuspensePromise = function (_params) {
+            return myreactReconcilerExports.processSuspensePromise(this, _params.fiber, _params.promise);
+        };
         ReconcilerDispatch.prototype.dispatchError = function (_params) {
             myreactReconcilerExports.triggerError(this, _params.fiber, _params.error);
             return void 0;
         };
         return ReconcilerDispatch;
     }(myreactReconcilerExports.CustomRenderDispatch));
-    return new ReconcilerDispatch(rootNode, rootFiber, rootElement);
+    var dispatch = new ReconcilerDispatch(rootNode, rootFiber, rootElement);
+    dispatch.enableConcurrentMode = flag !== 0;
+    dispatch.renderMode = flag !== 0 ? "concurrent" : "legacy";
+    return dispatch;
 };
 
 /* eslint-disable @typescript-eslint/no-require-imports */
@@ -7973,12 +8236,11 @@ var loadScript = function (url) {
     }
 };
 
-var enableDebugFiled$1 = require$$0.__my_react_shared__.enableDebugFiled, enableScopeTreeLog$1 = require$$0.__my_react_shared__.enableScopeTreeLog /* enableConcurrentMode */;
+var enableDebugFiled$1 = require$$0.__my_react_shared__.enableDebugFiled, enableScopeTreeLog$1 = require$$0.__my_react_shared__.enableScopeTreeLog;
 /**
  * @internal
  */
 var prepareScheduler = function () {
-    // enableConcurrentMode.current = false;
     enableDebugFiled$1.current = true;
     enableScopeTreeLog$1.current = true;
     myreactReconcilerExports.enableFiberForLog.current = true;
@@ -7992,11 +8254,19 @@ var currentScheduler = require$$0.__my_react_internal__.currentScheduler;
 var Reconciler = function (_config) {
     var rendererPackageName = "@my-react";
     var ReconcilerSet = new Set();
-    var createContainer = function (_container) {
+    var createContainer = function (_container, flag) {
         prepareScheduler();
+        if (flag === 0) {
+            // legacy mode
+            _container.__flag__ = 0;
+        }
+        else {
+            // concurrent mode
+            _container.__flag__ = 1;
+        }
         enableDebugFiled.current = false;
         enableScopeTreeLog.current = false;
-        // enableFiberForLog.current = false;
+        myreactReconcilerExports.enableFiberForLog.current = false;
         return _container;
     };
     var updateContainer = function (_element, _container, _ignore, _cb) {
@@ -8022,7 +8292,7 @@ var Reconciler = function (_config) {
             delGlobalDispatch(renderDispatch);
         }
         var _fiber = new myreactReconcilerExports.MyReactFiberNode(_element);
-        var _renderDispatch = createDispatch(_container, _fiber, _element, _config);
+        var _renderDispatch = createDispatch(_container, _fiber, _element, _config, _container.__flag__);
         _cb && _renderDispatch.pendingEffect(_fiber, _cb);
         ReconcilerSet.add(_renderDispatch);
         renderScheduler.dispatchSet.uniPush(_renderDispatch);
@@ -8089,7 +8359,7 @@ var Reconciler = function (_config) {
     };
 };
 
-var version = "0.0.7";
+var version = "0.0.9";
 var createReconciler = Reconciler;
 
 exports.createReconciler = createReconciler;