@my-react/react-reconciler-compact 0.0.8 → 0.0.10

package/dist/cjs/index.production.js

@@ -183,6 +183,7 @@ function requireIndex_production_1 () {
 				var ScopeSuspense = Symbol.for("react.scope_suspense");
 				var Comment = Symbol.for("react.comment");
 				var Offscreen = Symbol.for("react.offscreen");
+				var Activity = Symbol.for("react.activity");
 				var Profiler = Symbol.for("react.profiler");
 
 				function isObject(target) {
@@ -282,6 +283,7 @@ function requireIndex_production_1 () {
 				    HOOK_TYPE[HOOK_TYPE["useImperativeHandle"] = 14] = "useImperativeHandle";
 				    HOOK_TYPE[HOOK_TYPE["useSyncExternalStore"] = 15] = "useSyncExternalStore";
 				    HOOK_TYPE[HOOK_TYPE["useOptimistic"] = 16] = "useOptimistic";
+				    HOOK_TYPE[HOOK_TYPE["useEffectEvent"] = 17] = "useEffectEvent";
 				})(exports.HOOK_TYPE || (exports.HOOK_TYPE = {}));
 
 				exports.UpdateQueueType = void 0;
@@ -311,6 +313,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;
@@ -696,6 +699,7 @@ function requireIndex_production_1 () {
 				    return ListTree;
 				}());
 
+				exports.Activity = Activity;
 				exports.Comment = Comment;
 				exports.Consumer = Consumer;
 				exports.Context = Context;
@@ -885,6 +889,7 @@ function requireIndex_production_1 () {
 		    NODE_TYPE[NODE_TYPE["__context__"] = 524288] = "__context__";
 		    NODE_TYPE[NODE_TYPE["__scopeLazy__"] = 1048576] = "__scopeLazy__";
 		    NODE_TYPE[NODE_TYPE["__scopeSuspense__"] = 2097152] = "__scopeSuspense__";
+		    NODE_TYPE[NODE_TYPE["__activity__"] = 4194304] = "__activity__";
 		})(exports.NODE_TYPE || (exports.NODE_TYPE = {}));
 
 		var enableSyncFlush$1 = react.__my_react_shared__.enableSyncFlush;
@@ -1330,7 +1335,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 {
@@ -1447,11 +1452,14 @@ function requireIndex_production_1 () {
 		            case myreactSharedExports.Profiler:
 		                nodeType = myreactSharedExports.merge(nodeType, exports.NODE_TYPE.__profiler__);
 		                break;
+		            case myreactSharedExports.Activity:
+		                nodeType = myreactSharedExports.merge(nodeType, exports.NODE_TYPE.__activity__);
+		                break;
 		            default:
 		                throw new Error("[@my-react/react] invalid symbol element type \"".concat(elementType === null || elementType === void 0 ? void 0 : elementType.toString(), "\""));
 		        }
 		    }
-		    else if (typeof elementType === "string") {
+		    else if (typeof elementType === "string" && elementType !== "") {
 		        nodeType = myreactSharedExports.merge(nodeType, exports.NODE_TYPE.__plain__);
 		    }
 		    else {
@@ -1488,7 +1496,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;
@@ -1539,10 +1557,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 +1572,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) {
@@ -1606,6 +1635,7 @@ function requireIndex_production_1 () {
 		    scheduler.dispatchHook = dispatchHook;
 		    scheduler.dispatchError = dispatchError;
 		    scheduler.dispatchPromise = dispatchPromise;
+		    scheduler.dispatchSuspensePromise = dispatchSuspensePromise;
 		};
 
 		react.__my_react_shared__.enableHMRForDev;
@@ -1809,6 +1839,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;
@@ -1875,7 +1915,10 @@ function requireIndex_production_1 () {
 		        }
 		        currentRunningFiber$2.current = null;
 		    }
-		    if (!myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__retrigger__)) {
+		    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 {
@@ -1914,7 +1957,10 @@ function requireIndex_production_1 () {
 		        currentRunningFiber$2.current = null;
 		        triggerFiberUpdateListener(renderDispatch, fiber);
 		    }
-		    if (!myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__retrigger__)) {
+		    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 {
@@ -2114,15 +2160,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$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";
@@ -2169,13 +2212,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");
@@ -2302,66 +2338,12 @@ function requireIndex_production_1 () {
 		    }
 		    // TODO update flow
 		    if (enableSuspenseRoot$2.current) {
-		        var suspenseField_1 = getInstanceFieldByInstance(renderDispatch);
-		        var list = suspenseField_1.asyncLoadList.getAll();
+		        var suspenseField = getInstanceFieldByInstance(renderDispatch);
+		        var list = suspenseField.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";
-		                }
-		                else {
-		                    return !item._loading && !item._loaded && !item._error;
-		                }
-		            });
-		            if (allPendingLoadArray.length) {
-		                allPendingLoadArray.forEach(function (item) { var _a; return (_a = item._list) === null || _a === void 0 ? void 0 : _a.forEach(function (node) { return defaultDeleteCurrentEffect(renderDispatch, node); }); });
-		                Promise.all(allPendingLoadArray.map(function (item) { return __awaiter(void 0, void 0, void 0, function () {
-		                    var allFiber;
-		                    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:
-		                                allFiber = new Set(item._list);
-		                                (_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 updater = {
-		                                        type: myreactSharedExports.UpdateQueueType.suspense,
-		                                        trigger: node,
-		                                        isSync: true,
-		                                        isForce: true,
-		                                        payLoad: [item],
-		                                    };
-		                                    renderScheduler.dispatchState(updater);
-		                                });
-		                                suspenseField_1.asyncLoadList.uniDelete(item);
-		                                return [2 /*return*/];
-		                        }
-		                    });
-		                }); }));
-		            }
-		            // 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;
+		            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");
@@ -2824,7 +2806,7 @@ function requireIndex_production_1 () {
 		            _loop_1();
 		        }
 		        if (allQueue.length) {
-		            renderScheduler.macroTask(function prepareUpdateOnFiberTask() {
+		            renderScheduler.microTask(function prepareUpdateOnFiberTask() {
 		                prepareUpdateOnFiber(renderDispatch, fiber, true);
 		            });
 		        }
@@ -2905,7 +2887,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;
@@ -3037,7 +3019,7 @@ function requireIndex_production_1 () {
 		            _loop_3();
 		        }
 		        if (allQueue.length) {
-		            renderScheduler.macroTask(function prepareUpdateOnFiberTask() {
+		            renderScheduler.microTask(function prepareUpdateOnFiberTask() {
 		                prepareUpdateOnFiber(renderDispatch, fiber, true);
 		            });
 		        }
@@ -3136,7 +3118,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;
@@ -3256,7 +3238,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;
@@ -3579,6 +3561,7 @@ function requireIndex_production_1 () {
 
 		var globalLoop$2 = react.__my_react_internal__.globalLoop, currentScheduler$a = react.__my_react_internal__.currentScheduler;
 		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) {
@@ -3684,7 +3667,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) {
@@ -3697,7 +3680,7 @@ function requireIndex_production_1 () {
 		                    updateSyncFromRoot(renderDispatch);
 		                }
 		                else {
-		                    updateConCurrentNextFrame(renderDispatch);
+		                    updateConcurrentNextFrame(renderDispatch);
 		                }
 		            });
 		        }
@@ -3706,7 +3689,6 @@ function requireIndex_production_1 () {
 		        processAsyncLoadListOnUpdate(renderDispatch);
 		        finishUpdateConcurrentFromRoot(renderDispatch);
 		        renderScheduler.microTask(function callScheduleNext() {
-		            // TODO! flash all effect
 		            globalLoop$1.current = false;
 		            scheduleNext(renderDispatch);
 		        });
@@ -3726,7 +3708,7 @@ function requireIndex_production_1 () {
 		                    updateSyncFromRoot(renderDispatch);
 		                }
 		                else {
-		                    updateConCurrentNextFrame(renderDispatch);
+		                    updateConcurrentNextFrame(renderDispatch);
 		                }
 		            });
 		        }
@@ -3735,7 +3717,6 @@ function requireIndex_production_1 () {
 		        processAsyncLoadListOnUpdate(renderDispatch);
 		        finishUpdateConcurrentFromRoot(renderDispatch);
 		        renderScheduler.microTask(function callScheduleNext() {
-		            // TODO! flash all effect
 		            globalLoop$1.current = false;
 		            scheduleNext(renderDispatch);
 		        });
@@ -3776,7 +3757,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;
@@ -3812,12 +3795,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);
@@ -3838,9 +3831,16 @@ function requireIndex_production_1 () {
 		        hookNode.result = hookNode.value;
 		        hookNode.hasEffect = true;
 		    }
-		    if (hookNode.type === myreactSharedExports.HOOK_TYPE.useRef || hookNode.type === myreactSharedExports.HOOK_TYPE.useCallback || hookNode.type === myreactSharedExports.HOOK_TYPE.useDeferredValue) {
+		    if (hookNode.type === myreactSharedExports.HOOK_TYPE.useRef ||
+		        hookNode.type === myreactSharedExports.HOOK_TYPE.useCallback ||
+		        hookNode.type === myreactSharedExports.HOOK_TYPE.useDeferredValue ||
+		        hookNode.type === myreactSharedExports.HOOK_TYPE.useEffectEvent) {
 		        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--; };
@@ -3863,12 +3863,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);
 		                },
 		            });
 		        };
@@ -3962,6 +3963,7 @@ function requireIndex_production_1 () {
 		            },
 		        };
 		    }
+		    currentHookTreeNode$2.current = (_c = currentHookTreeNode$2.current) === null || _c === void 0 ? void 0 : _c.next;
 		    return hookNode;
 		};
 
@@ -4203,6 +4205,13 @@ function requireIndex_production_1 () {
 		            // currentHook._update({ isForce: true, payLoad: (last) => ({ value: value.value, start: last.start }) });
 		        }
 		    }
+		    if (currentHook.type === myreactSharedExports.HOOK_TYPE.useEffectEvent) {
+		        if (typeof value !== "function") {
+		            throw new Error("[@my-react/react] useEffectEvent should be a function");
+		        }
+		        currentHook.value = value;
+		        currentHook.result = value;
+		    }
 		    if (currentHook.type === myreactSharedExports.HOOK_TYPE.useDebugValue) {
 		        if (!myreactSharedExports.isArrayEquals(currentHook.value, value)) {
 		            currentHook.value = value;
@@ -4506,7 +4515,7 @@ function requireIndex_production_1 () {
 		            renderDispatch.pendingUpdate(fiber);
 		        }
 		    }
-		    if (nextRef && prevRef !== nextRef) {
+		    if (prevRef !== nextRef) {
 		        renderDispatch.pendingRef(fiber);
 		    }
 		    if (fiber !== prevFiber) {
@@ -4659,8 +4668,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);
 		        }
 		    }
@@ -4677,7 +4686,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);
 		    }
 		};
@@ -4692,9 +4701,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;
@@ -4738,6 +4751,14 @@ function requireIndex_production_1 () {
 		    }
 		};
 
+		// TODO
+		var processActivity = function (fiber) {
+		    var props = fiber.pendingProps;
+		    if (props.mode === "visible")
+		        return props.children;
+		    return null;
+		};
+
 		var currentComponentFiber$2 = react.__my_react_internal__.currentComponentFiber, MyReactInternalInstance$3 = react.__my_react_internal__.MyReactInternalInstance;
 		var processProvider = function (renderDispatch, fiber) {
 		    if (renderDispatch.isAppMounted) {
@@ -4780,6 +4801,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;
@@ -4791,14 +4817,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;
@@ -4812,14 +4844,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;
@@ -4905,7 +4943,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);
@@ -5106,6 +5144,10 @@ function requireIndex_production_1 () {
 		    var children = processConsumer(renderDispatch, fiber);
 		    nextWorkCommon(renderDispatch, fiber, children);
 		};
+		var nextWorkActivity = function (renderDispatch, fiber) {
+		    var children = processActivity(fiber);
+		    nextWorkCommon(renderDispatch, fiber, children);
+		};
 		var nextWorkRoot = function (renderDispatch, fiber) {
 		    var isUpdate = !!fiber.instance;
 		    fiber.instance = fiber.instance || new MyReactInternalInstance$2();
@@ -5293,6 +5335,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);
 		    };
@@ -5776,6 +5821,9 @@ function requireIndex_production_1 () {
 		    else if (myreactSharedExports.include(fiber.type, exports.NODE_TYPE.__provider__ | exports.NODE_TYPE.__context__)) {
 		        nextWorkProvider(renderDispatch, fiber);
 		    }
+		    else if (myreactSharedExports.include(fiber.type, exports.NODE_TYPE.__activity__)) {
+		        nextWorkActivity(renderDispatch, fiber);
+		    }
 		    else {
 		        nextWorkNormal(renderDispatch, fiber);
 		    }
@@ -5823,12 +5871,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;
 
@@ -5912,15 +5971,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;
@@ -5981,7 +6050,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;
@@ -5993,9 +6064,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) {
@@ -6007,7 +6113,7 @@ function requireIndex_production_1 () {
 		        _this.isAppMounted = false;
 		        _this.isAppCrashed = false;
 		        _this.isAppUnmounted = false;
-		        _this.version = "0.3.17";
+		        _this.version = "0.3.19";
 		        _this.mode = "production";
 		        _this.renderMode = "render";
 		        _this.pendingCommitFiberList = null;
@@ -6324,6 +6430,7 @@ function requireIndex_production_1 () {
 		            case myreactSharedExports.HOOK_TYPE.useCallback:
 		            case myreactSharedExports.HOOK_TYPE.useDeferredValue:
 		            case myreactSharedExports.HOOK_TYPE.useSyncExternalStore:
+		            case myreactSharedExports.HOOK_TYPE.useEffectEvent:
 		                return hookNode.result;
 		            case myreactSharedExports.HOOK_TYPE.useOptimistic:
 		            case myreactSharedExports.HOOK_TYPE.useTransition:
@@ -6419,7 +6526,7 @@ function requireIndex_production_1 () {
 		    });
 		}); };
 
-		var version = "0.3.17";
+		var version = "0.3.19";
 
 		exports.CustomRenderDispatch = CustomRenderDispatch;
 		exports.MyReactFiberNode = MyReactFiberNode;
@@ -6428,6 +6535,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;
@@ -6477,6 +6585,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;
@@ -6528,6 +6637,7 @@ function requireIndex_production_1 () {
 		exports.mountLoopAllFromScheduler = mountLoopAllFromScheduler;
 		exports.mountSync = mountSync;
 		exports.mountToNextFiberFromRoot = mountToNextFiberFromRoot;
+		exports.nextWorkActivity = nextWorkActivity;
 		exports.nextWorkClassComponent = nextWorkClassComponent;
 		exports.nextWorkCommon = nextWorkCommon;
 		exports.nextWorkComponent = nextWorkComponent;
@@ -6566,6 +6676,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;
@@ -6714,6 +6825,7 @@ function requireIndex_production () {
 		var ScopeSuspense = Symbol.for("react.scope_suspense");
 		var Comment = Symbol.for("react.comment");
 		var Offscreen = Symbol.for("react.offscreen");
+		var Activity = Symbol.for("react.activity");
 		var Profiler = Symbol.for("react.profiler");
 
 		function isObject(target) {
@@ -6813,6 +6925,7 @@ function requireIndex_production () {
 		    HOOK_TYPE[HOOK_TYPE["useImperativeHandle"] = 14] = "useImperativeHandle";
 		    HOOK_TYPE[HOOK_TYPE["useSyncExternalStore"] = 15] = "useSyncExternalStore";
 		    HOOK_TYPE[HOOK_TYPE["useOptimistic"] = 16] = "useOptimistic";
+		    HOOK_TYPE[HOOK_TYPE["useEffectEvent"] = 17] = "useEffectEvent";
 		})(exports.HOOK_TYPE || (exports.HOOK_TYPE = {}));
 
 		exports.UpdateQueueType = void 0;
@@ -6842,6 +6955,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;
@@ -7227,6 +7341,7 @@ function requireIndex_production () {
 		    return ListTree;
 		}());
 
+		exports.Activity = Activity;
 		exports.Comment = Comment;
 		exports.Consumer = Consumer;
 		exports.Context = Context;
@@ -7320,27 +7435,50 @@ 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 () {
+            // const refPrevious = _fiber.refPrevious;
+            // safeCallWithCurrentFiber({
+            //   fiber: _fiber,
+            //   action: function safeCallRefPrevious() {
+            //     if (typeof refPrevious === "object" && refPrevious !== null) {
+            //       refPrevious.current = null;
+            //     } else if (typeof refPrevious === "function") {
+            //       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");
@@ -7348,23 +7486,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");
@@ -7764,6 +7902,9 @@ var ReconcilerDispatchFiber = function (renderDispatch, fiber) {
     else if (myreactSharedExports.include(fiber.type, myreactReconcilerExports.NODE_TYPE.__provider__ | myreactReconcilerExports.NODE_TYPE.__context__)) {
         myreactReconcilerExports.nextWorkProvider(renderDispatch, fiber);
     }
+    else if (myreactSharedExports.include(fiber.type, myreactReconcilerExports.NODE_TYPE.__activity__)) {
+        myreactReconcilerExports.nextWorkActivity(renderDispatch, fiber);
+    }
     else {
         myreactReconcilerExports.nextWorkNormal(renderDispatch, fiber);
     }
@@ -7830,11 +7971,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();
     });
 };
 
@@ -7931,15 +8076,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;
@@ -8045,6 +8200,9 @@ var createDispatch = function (rootNode, rootFiber, rootElement, config, flag) {
         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;
@@ -8130,7 +8288,7 @@ var prepareScheduler = function () {
 
 var enableDebugFiled = require$$0.__my_react_shared__.enableDebugFiled, enableScopeTreeLog = require$$0.__my_react_shared__.enableScopeTreeLog;
 var currentScheduler = require$$0.__my_react_internal__.currentScheduler;
-// react-reconciler compact implementation
+// react-reconciler compat implementation
 var Reconciler = function (_config) {
     var rendererPackageName = "@my-react";
     var ReconcilerSet = new Set();
@@ -8146,7 +8304,7 @@ var Reconciler = function (_config) {
         }
         enableDebugFiled.current = false;
         enableScopeTreeLog.current = false;
-        // enableFiberForLog.current = false;
+        myreactReconcilerExports.enableFiberForLog.current = false;
         return _container;
     };
     var updateContainer = function (_element, _container, _ignore, _cb) {
@@ -8239,7 +8397,7 @@ var Reconciler = function (_config) {
     };
 };
 
-var version = "0.0.8";
+var version = "0.0.10";
 var createReconciler = Reconciler;
 
 exports.createReconciler = createReconciler;