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

package/dist/cjs/index.development.js

@@ -183,6 +183,7 @@ function requireIndex_development_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_development_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;
@@ -704,6 +706,7 @@ function requireIndex_development_1 () {
 				    });
 				}
 
+				exports.Activity = Activity;
 				exports.Comment = Comment;
 				exports.Consumer = Consumer;
 				exports.Context = Context;
@@ -893,6 +896,7 @@ function requireIndex_development_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;
@@ -1012,13 +1016,8 @@ function requireIndex_development_1 () {
 		    var renderDispatch = getCurrentDispatchFromFiber(fiber);
 		    safeCallWithCurrentFiber({
 		        fiber: fiber,
-		        action: function safeCallFiberWarnListener() {
-		            var _a, _b;
-		            try {
-		                (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberWarn) === null || _b === void 0 ? void 0 : _b.forEach(function (listener) { return listener.apply(void 0, __spreadArray([fiber], args, false)); });
-		            }
-		            catch (_c) {
-		            }
+		        action: function () {
+		            renderDispatch.callOnFiberWarn.apply(renderDispatch, __spreadArray([fiber], args, false));
 		        },
 		    });
 		};
@@ -1030,13 +1029,8 @@ function requireIndex_development_1 () {
 		    var renderDispatch = getCurrentDispatchFromFiber(fiber);
 		    safeCallWithCurrentFiber({
 		        fiber: fiber,
-		        action: function safeCallFiberErrorListener() {
-		            var _a, _b;
-		            try {
-		                (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberError) === null || _b === void 0 ? void 0 : _b.forEach(function (listener) { return listener.apply(void 0, __spreadArray([fiber], args, false)); });
-		            }
-		            catch (_c) {
-		            }
+		        action: function () {
+		            renderDispatch.callOnFiberError.apply(renderDispatch, __spreadArray([fiber], args, false));
 		        },
 		    });
 		};
@@ -1516,6 +1510,9 @@ function requireIndex_development_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(), "\""));
 		        }
@@ -2036,8 +2033,7 @@ function requireIndex_development_1 () {
 		            safeCallWithCurrentFiber({
 		                fiber: nextFiber,
 		                action: function safeCallAfterFiberDone() {
-		                    var _a, _b;
-		                    (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.afterFiberDone) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(nextFiber); });
+		                    renderDispatch.callOnAfterFiberDone(nextFiber);
 		                },
 		            });
 		        }
@@ -2090,8 +2086,7 @@ function requireIndex_development_1 () {
 		            safeCallWithCurrentFiber({
 		                fiber: nextFiber,
 		                action: function safeCallAfterFiberDone() {
-		                    var _a, _b;
-		                    (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.afterFiberDone) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(nextFiber); });
+		                    renderDispatch.callOnAfterFiberDone(nextFiber);
 		                },
 		            });
 		        }
@@ -2361,8 +2356,7 @@ function requireIndex_development_1 () {
 		    safeCallWithCurrentFiber({
 		        fiber: fiber,
 		        action: function safeCallFiberUpdateListener() {
-		            var _a, _b;
-		            (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberUpdate) === null || _b === void 0 ? void 0 : _b.forEach(function (listener) { return listener(fiber); });
+		            renderDispatch.callOnFiberUpdate(fiber);
 		        },
 		    });
 		};
@@ -2569,8 +2563,7 @@ function requireIndex_development_1 () {
 		    safeCallWithCurrentFiber({
 		        fiber: fiber,
 		        action: function safeCallInstanceInitialListener() {
-		            var _a, _b;
-		            (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.instanceInitial) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(instance, fiber); });
+		            renderDispatch.callOnInstanceInitial(instance, fiber);
 		        },
 		    });
 		    Object.freeze(instance.state);
@@ -2588,8 +2581,7 @@ function requireIndex_development_1 () {
 		    safeCallWithCurrentFiber({
 		        fiber: fiber,
 		        action: function safeCallInstanceUpdateListener() {
-		            var _a, _b;
-		            (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.instanceUpdate) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(typedInstance, fiber); });
+		            renderDispatch.callOnInstanceUpdate(typedInstance, fiber);
 		        },
 		    });
 		    setOwnerForInstance(typedInstance, fiber);
@@ -2872,8 +2864,7 @@ function requireIndex_development_1 () {
 		    safeCallWithCurrentFiber({
 		        fiber: fiber,
 		        action: function safeCallInstanceUnmountListener() {
-		            var _a, _b;
-		            (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.instanceUnmount) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(typedInstance, fiber); });
+		            renderDispatch.callOnInstanceUnmount(typedInstance, fiber);
 		        },
 		    });
 		    safeCallWithCurrentFiber({
@@ -2974,7 +2965,7 @@ function requireIndex_development_1 () {
 		            _loop_1();
 		        }
 		        if (allQueue.length) {
-		            renderScheduler.macroTask(function prepareUpdateOnFiberTask() {
+		            renderScheduler.microTask(function prepareUpdateOnFiberTask() {
 		                prepareUpdateOnFiber(renderDispatch, fiber, true);
 		            });
 		        }
@@ -3262,7 +3253,7 @@ function requireIndex_development_1 () {
 		            _loop_3();
 		        }
 		        if (allQueue.length) {
-		            renderScheduler.macroTask(function prepareUpdateOnFiberTask() {
+		            renderScheduler.microTask(function prepareUpdateOnFiberTask() {
 		                prepareUpdateOnFiber(renderDispatch, fiber, true);
 		            });
 		        }
@@ -3632,8 +3623,7 @@ function requireIndex_development_1 () {
 		    safeCallWithCurrentFiber({
 		        fiber: ownerFiber,
 		        action: function safeCallFiberStateListener() {
-		            var _a, _b;
-		            (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberState) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(ownerFiber, _params); });
+		            renderDispatch.callOnFiberState(ownerFiber, _params);
 		        },
 		    });
 		    var isImmediate = _params.isImmediate;
@@ -3674,8 +3664,7 @@ function requireIndex_development_1 () {
 		        safeCallWithCurrentFiber({
 		            fiber: ownerFiber,
 		            action: function safeCallInstanceStateListener() {
-		                var _a, _b;
-		                (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.instanceState) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(trigger_1, ownerFiber, _params); });
+		                renderDispatch.callOnInstanceState(trigger_1, ownerFiber, _params);
 		            },
 		        });
 		        ownerFiber.updateQueue = ownerFiber.updateQueue || new myreactSharedExports.ListTree();
@@ -3718,8 +3707,7 @@ function requireIndex_development_1 () {
 		        safeCallWithCurrentFiber({
 		            fiber: ownerFiber,
 		            action: function safeCallHookStateListener() {
-		                var _a, _b;
-		                (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.hookState) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(trigger_2, ownerFiber, _params); });
+		                renderDispatch.callOnHookState(trigger_2, ownerFiber, _params);
 		            },
 		        });
 		        ownerFiber.updateQueue = ownerFiber.updateQueue || new myreactSharedExports.ListTree();
@@ -3955,7 +3943,6 @@ function requireIndex_development_1 () {
 
 		var globalLoop$2 = react.__my_react_internal__.globalLoop, currentScheduler$a = react.__my_react_internal__.currentScheduler;
 		var scheduleUpdateFromRoot = function (renderDispatch) {
-		    var _a, _b, _c, _d;
 		    flushEffectCallback();
 		    var allLive = renderDispatch.pendingUpdateFiberArray.getAll().filter(function (f) { return myreactSharedExports.exclude(f.state, myreactSharedExports.STATE_TYPE.__unmount__); });
 		    renderDispatch.pendingUpdateFiberArray.clear();
@@ -3966,14 +3953,18 @@ function requireIndex_development_1 () {
 		        allLive.forEach(function (fiber) { return applyTriggerFiberCb(renderDispatch, fiber); });
 		        if (!renderDispatch.enableConcurrentMode || allLive.some(function (f) { return myreactSharedExports.include(f.state, myreactSharedExports.STATE_TYPE.__triggerSync__ | myreactSharedExports.STATE_TYPE.__triggerSyncForce__); })) {
 		            {
-		                (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.beforeDispatchUpdate) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(renderDispatch, allLive); });
+		                safeCall(function safeCallBeforeDispatchUpdate() {
+		                    renderDispatch.callOnBeforeDispatchUpdate(renderDispatch, allLive);
+		                });
 		            }
 		            updateSyncFromRoot(renderDispatch);
 		        }
 		        else {
 		            renderDispatch.resetYield();
 		            {
-		                (_d = (_c = listenerMap.get(renderDispatch)) === null || _c === void 0 ? void 0 : _c.beforeDispatchUpdate) === null || _d === void 0 ? void 0 : _d.forEach(function (cb) { return cb(renderDispatch, allLive); });
+		                safeCall(function safeCallBeforeDispatchUpdate() {
+		                    renderDispatch.callOnBeforeDispatchUpdate(renderDispatch, allLive);
+		                });
 		            }
 		            updateConcurrentFromRoot(renderDispatch);
 		        }
@@ -4030,20 +4021,20 @@ function requireIndex_development_1 () {
 		var globalLoop$1 = react.__my_react_internal__.globalLoop, currentScheduler$9 = react.__my_react_internal__.currentScheduler;
 		var enableScopeTreeLog$3 = react.__my_react_shared__.enableScopeTreeLog;
 		function finishUpdateSyncFromRoot(renderDispatch) {
-		    var _a, _b;
 		    var commitList = renderDispatch.pendingCommitFiberList;
 		    var changedList = renderDispatch.pendingChangedFiberList;
 		    renderDispatch.resetUpdateFlowRuntimeFiber();
 		    renderDispatch.pendingCommitFiberList = null;
 		    renderDispatch.pendingChangedFiberList = null;
 		    enableScopeTreeLog$3.current && setLogScope();
-		    (commitList === null || commitList === void 0 ? void 0 : commitList.length) && renderDispatch.reconcileUpdate(commitList);
+		    (commitList === null || commitList === void 0 ? void 0 : commitList.length) && renderDispatch.reconcileUpdate(commitList, true);
 		    enableScopeTreeLog$3.current && resetLogScope();
-		    ((_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.afterDispatchUpdate) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(renderDispatch); }));
+		    safeCall(function safeCallAfterDispatchUpdate() {
+		            renderDispatch.callOnAfterDispatchUpdate(renderDispatch);
+		        });
 		    (changedList === null || changedList === void 0 ? void 0 : changedList.length) &&
 		        safeCall(function safeCallFiberHasChangeListener() {
-		            var _a, _b;
-		            (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberHasChange) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(changedList); });
+		            renderDispatch.callOnFiberChange(changedList);
 		        });
 		}
 		var updateSyncFromRoot = function (renderDispatch) {
@@ -4060,7 +4051,6 @@ function requireIndex_development_1 () {
 		    });
 		};
 		function finishUpdateConcurrentFromRoot(renderDispatch) {
-		    var _a, _b;
 		    var commitList = renderDispatch.pendingCommitFiberList;
 		    var changedList = renderDispatch.pendingChangedFiberList;
 		    renderDispatch.resetUpdateFlowRuntimeFiber();
@@ -4069,11 +4059,12 @@ function requireIndex_development_1 () {
 		    enableScopeTreeLog$3.current && setLogScope();
 		    (commitList === null || commitList === void 0 ? void 0 : commitList.length) && renderDispatch.reconcileUpdate(commitList);
 		    enableScopeTreeLog$3.current && setLogScope();
-		    ((_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.afterDispatchUpdate) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(renderDispatch); }));
+		    safeCall(function safeCallAfterDispatchUpdate() {
+		            renderDispatch.callOnAfterDispatchUpdate(renderDispatch);
+		        });
 		    (changedList === null || changedList === void 0 ? void 0 : changedList.length) &&
 		        safeCall(function safeCallFiberHasChangeListener() {
-		            var _a, _b;
-		            (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberHasChange) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(changedList); });
+		            renderDispatch.callOnFiberChange(changedList);
 		        });
 		}
 		function checkNextFiberIsSync(renderDispatch) {
@@ -4103,7 +4094,7 @@ function requireIndex_development_1 () {
 		    else {
 		        processAsyncLoadListOnUpdate(renderDispatch);
 		        finishUpdateConcurrentFromRoot(renderDispatch);
-		        renderScheduler.macroTask(function callScheduleNext() {
+		        renderScheduler.microTask(function callScheduleNext() {
 		            globalLoop$1.current = false;
 		            scheduleNext(renderDispatch);
 		        });
@@ -4133,7 +4124,7 @@ function requireIndex_development_1 () {
 		    else {
 		        processAsyncLoadListOnUpdate(renderDispatch);
 		        finishUpdateConcurrentFromRoot(renderDispatch);
-		        renderScheduler.macroTask(function callScheduleNext() {
+		        renderScheduler.microTask(function callScheduleNext() {
 		            globalLoop$1.current = false;
 		            scheduleNext(renderDispatch);
 		        });
@@ -4166,6 +4157,11 @@ function requireIndex_development_1 () {
 		            throw new Error("[@my-react/react] ".concat(myreactSharedExports.HOOK_TYPE[hookNode.type], " initial error"));
 		        }
 		    }
+		    if (hookNode.type === myreactSharedExports.HOOK_TYPE.useEffectEvent) {
+		        if (typeof hookNode.value !== "function") {
+		            throw new Error("[@my-react/react] ".concat(myreactSharedExports.HOOK_TYPE[hookNode.type], " initial error"));
+		        }
+		    }
 		};
 
 		var MyReactInternalInstance$4 = react.__my_react_internal__.MyReactInternalInstance, currentScheduler$8 = react.__my_react_internal__.currentScheduler;
@@ -4277,7 +4273,10 @@ function requireIndex_development_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
@@ -4656,6 +4655,13 @@ function requireIndex_development_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;
@@ -4674,8 +4680,7 @@ function requireIndex_development_1 () {
 		        safeCallWithCurrentFiber({
 		            fiber: fiber,
 		            action: function safeCallHookUnmountListener() {
-		                var _a, _b;
-		                (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.hookUnmount) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(hookNode, fiber); });
+		                renderDispatch.callOnHookUnmount(hookNode, fiber);
 		            },
 		        });
 		        safeCallWithCurrentFiber({
@@ -4732,8 +4737,7 @@ function requireIndex_development_1 () {
 		        safeCallWithCurrentFiber({
 		            fiber: fiber,
 		            action: function safeCallFiberHMRListener() {
-		                var _a, _b;
-		                (_b = (_a = listenerMap.get(renderDispatch_1)) === null || _a === void 0 ? void 0 : _a.fiberHMR) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(fiber, forceRefresh); });
+		                renderDispatch_1.callOnFiberHMR(fiber, forceRefresh);
 		            },
 		        });
 		        return fiber;
@@ -4790,8 +4794,7 @@ function requireIndex_development_1 () {
 		        safeCallWithCurrentFiber({
 		            fiber: fiber,
 		            action: function safeCallFiberTriggerListener() {
-		                var _a, _b;
-		                (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberTrigger) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(fiber, updateState); });
+		                renderDispatch.callOnFiberTrigger(fiber, updateState);
 		            },
 		        });
 		        // TODO get from updateState ?
@@ -4963,8 +4966,7 @@ function requireIndex_development_1 () {
 		    safeCallWithCurrentFiber({
 		        fiber: newFiberNode,
 		        action: function safeCallFiberInitialListener() {
-		            var _a, _b;
-		            (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberInitial) === null || _b === void 0 ? void 0 : _b.forEach(function (listener) { return listener(newFiberNode); });
+		            renderDispatch.callOnFiberInitial(newFiberNode);
 		        },
 		    });
 		    if (myreactSharedExports.exclude(newFiberNode.patch, myreactSharedExports.PATCH_TYPE.__update__)) {
@@ -5015,7 +5017,6 @@ function requireIndex_development_1 () {
 		        }
 		    }
 		    if (prevRef !== nextRef) {
-		        fiber.refPrevious = prevRef;
 		        renderDispatch.pendingRef(fiber);
 		    }
 		    if (fiber !== prevFiber) {
@@ -5044,8 +5045,7 @@ function requireIndex_development_1 () {
 		    safeCallWithCurrentFiber({
 		        fiber: fiber,
 		        action: function safeCallFiberInitialListener() {
-		            var _a, _b;
-		            (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberInitial) === null || _b === void 0 ? void 0 : _b.forEach(function (listener) { return listener(fiber); });
+		            renderDispatch.callOnFiberInitial(fiber);
 		        },
 		    });
 		    if (myreactSharedExports.exclude(fiber.patch, myreactSharedExports.PATCH_TYPE.__update__)) {
@@ -5083,8 +5083,7 @@ function requireIndex_development_1 () {
 		    safeCallWithCurrentFiber({
 		        fiber: fiber,
 		        action: function safeCallFiberUnmountListener() {
-		            var _a, _b;
-		            (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberUnmount) === null || _b === void 0 ? void 0 : _b.forEach(function (listener) { return listener(fiber); });
+		            renderDispatch.callOnFiberUnmount(fiber);
 		        },
 		    });
 		    renderDispatch.runtimeMap.insertionEffectMap.delete(fiber);
@@ -5275,6 +5274,14 @@ function requireIndex_development_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) {
@@ -5489,6 +5496,28 @@ function requireIndex_development_1 () {
 		    }
 		};
 
+		var initSuspenseInstance = function (instance) {
+		    var field = getInstanceFieldByInstance(instance);
+		    if (!field)
+		        throw new Error("[@my-react/react] can not get field for instance, this is a bug for @my-react");
+		    var typedField = field;
+		    typedField.isHidden = false;
+		    typedField.asyncLoadList = new myreactSharedExports.UniqueArray();
+		};
+
+		var MyReactInternalInstance$2 = react.__my_react_internal__.MyReactInternalInstance;
+		var processSuspense = function (fiber) {
+		    var isUpdate = !!fiber.instance;
+		    fiber.instance = fiber.instance || new MyReactInternalInstance$2();
+		    !isUpdate && initInstance(fiber.instance);
+		    !isUpdate && initVisibleInstance(fiber.instance);
+		    !isUpdate && initSuspenseInstance(fiber.instance);
+		    !isUpdate && setOwnerForInstance(fiber.instance, fiber);
+		    var instanceField = getInstanceFieldByInstance(fiber.instance);
+		    var children = WrapperBySuspenseScope(instanceField.isHidden ? fiber.pendingProps.fallback : fiber.pendingProps.children);
+		    return children;
+		};
+
 		var MyReactInternalInstanceClass$1 = react.__my_react_internal__.MyReactInternalInstance, instanceToInitialFieldMap = react.__my_react_internal__.instanceToInitialFieldMap;
 		// support private instance field
 		var instanceMap = instanceToInitialFieldMap;
@@ -5603,7 +5632,7 @@ function requireIndex_development_1 () {
 		    });
 		}
 
-		var currentComponentFiber$1 = react.__my_react_internal__.currentComponentFiber, MyReactInternalInstance$2 = react.__my_react_internal__.MyReactInternalInstance;
+		var currentComponentFiber$1 = react.__my_react_internal__.currentComponentFiber, MyReactInternalInstance$1 = react.__my_react_internal__.MyReactInternalInstance;
 		var enablePerformanceLog = react.__my_react_shared__.enablePerformanceLog, enableDebugFiled$2 = react.__my_react_shared__.enableDebugFiled;
 		var nextWorkCommon = function (renderDispatch, fiber, children) {
 		    if (myreactSharedExports.isPromise(children)) {
@@ -5674,9 +5703,13 @@ function requireIndex_development_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();
+		    fiber.instance = fiber.instance || new MyReactInternalInstance$1();
 		    !isUpdate && initInstance(fiber.instance);
 		    !isUpdate && initVisibleInstance(fiber.instance);
 		    !isUpdate && setOwnerForInstance(fiber.instance, fiber);
@@ -5695,8 +5728,7 @@ function requireIndex_development_1 () {
 		    safeCallWithCurrentFiber({
 		        fiber: fiber,
 		        action: function safeCallFiberRunListener() {
-		            var _a, _b;
-		            (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.beforeFiberRun) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(fiber); });
+		            renderDispatch.callOnBeforeFiberRun(fiber);
 		        },
 		    });
 		    setRefreshTypeMap(fiber);
@@ -5713,8 +5745,7 @@ function requireIndex_development_1 () {
 		        safeCallWithCurrentFiber({
 		            fiber: fiber,
 		            action: function safeCallPerformanceWarnListener() {
-		                var _a, _b;
-		                (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.performanceWarn) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(fiber); });
+		                renderDispatch.callOnPerformanceWarn(fiber, renderTime);
 		            },
 		        });
 		    }
@@ -5745,134 +5776,569 @@ function requireIndex_development_1 () {
 		    safeCallWithCurrentFiber({
 		        fiber: fiber,
 		        action: function safeCallFiberRunListener() {
-		            var _a, _b;
-		            (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.afterFiberRun) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(fiber); });
+		            renderDispatch.callOnAfterFiberRun(fiber);
 		        },
 		    });
 		};
 
-		var initSuspenseInstance = function (instance) {
-		    var field = getInstanceFieldByInstance(instance);
-		    if (!field)
-		        throw new Error("[@my-react/react] can not get field for instance, this is a bug for @my-react");
-		    var typedField = field;
-		    typedField.isHidden = false;
-		    typedField.asyncLoadList = new myreactSharedExports.UniqueArray();
+		var enableDebugFiled$1 = react.__my_react_shared__.enableDebugFiled;
+		var currentRunningFiber = react.__my_react_internal__.currentRunningFiber, MyReactInternalInstance = react.__my_react_internal__.MyReactInternalInstance;
+		var defaultGetContextValue = function (fiber, ContextObject) {
+		    var _a;
+		    if (fiber) {
+		        return fiber.pendingProps["value"];
+		    }
+		    else {
+		        return (_a = ContextObject === null || ContextObject === void 0 ? void 0 : ContextObject.Provider) === null || _a === void 0 ? void 0 : _a["value"];
+		    }
 		};
-
-		var MyReactInternalInstance$1 = react.__my_react_internal__.MyReactInternalInstance;
-		var processSuspense = function (fiber) {
+		var defaultGetContextFiber = function (fiber, ContextObject) {
+		    if ((fiber === null || fiber === void 0 ? void 0 : fiber.parent) && ContextObject) {
+		        var parent_1 = fiber.parent;
+		        while (parent_1) {
+		            if (myreactSharedExports.include(parent_1.type, exports.NODE_TYPE.__provider__)) {
+		                var typedElementType = parent_1.elementType;
+		                var contextObj = typedElementType["Context"];
+		                if (contextObj === ContextObject) {
+		                    return parent_1;
+		                }
+		            }
+		            if (myreactSharedExports.include(parent_1.type, exports.NODE_TYPE.__context__)) {
+		                var typedElementType = parent_1.elementType;
+		                var contextObj = typedElementType;
+		                if (contextObj === ContextObject) {
+		                    return parent_1;
+		                }
+		            }
+		            parent_1 = parent_1.parent;
+		        }
+		    }
+		    else {
+		        return null;
+		    }
+		};
+		var defaultReadContext = function (Context) {
+		    var fiber = currentRunningFiber.current;
+		    if (!Context) {
+		        throw new Error("the Context what you read is not exist");
+		    }
+		    if (!fiber) {
+		        throw new Error('current environment is not support "readContext"');
+		    }
 		    var isUpdate = !!fiber.instance;
-		    fiber.instance = fiber.instance || new MyReactInternalInstance$1();
+		    fiber.instance = fiber.instance || new MyReactInternalInstance();
 		    !isUpdate && initInstance(fiber.instance);
-		    !isUpdate && initVisibleInstance(fiber.instance);
-		    !isUpdate && initSuspenseInstance(fiber.instance);
 		    !isUpdate && setOwnerForInstance(fiber.instance, fiber);
-		    var instanceField = getInstanceFieldByInstance(fiber.instance);
-		    var children = WrapperBySuspenseScope(instanceField.isHidden ? fiber.pendingProps.fallback : fiber.pendingProps.children);
-		    return children;
+		    var contextFiber = defaultGetContextFiber(fiber, Context);
+		    setSubscribeForInstance(fiber.instance, contextFiber);
+		    return defaultGetContextValue(contextFiber, Context);
 		};
-
-		var Dispatcher = react.__my_react_internal__.Dispatcher, MyReactInternalInstanceClass = react.__my_react_internal__.MyReactInternalInstance, dispatchToListenerMap = react.__my_react_internal__.dispatchToListenerMap;
-		var getInitialListeners = function () {
-		    return {
-		            fiberInitial: new Set(),
-		            fiberUpdate: new Set(),
-		            fiberHasChange: new Set(),
-		            fiberUnmount: new Set(),
-		            fiberHMR: new Set(),
-		            beforeFiberRun: new Set(),
-		            afterFiberRun: new Set(),
-		            afterFiberDone: new Set(),
-		            beforeDispatchRender: new Set(),
-		            afterDispatchRender: new Set(),
-		            fiberWarn: new Set(),
-		            fiberError: new Set(),
-		            fiberState: new Set(),
-		            fiberTrigger: new Set(),
-		            performanceWarn: new Set(),
-		            instanceInitial: new Set(),
-		            instanceUpdate: new Set(),
-		            instanceState: new Set(),
-		            instanceUnmount: new Set(),
-		            hookInitial: new Set(),
-		            hookUpdate: new Set(),
-		            hookState: new Set(),
-		            hookUnmount: new Set(),
-		            beforeCommitMount: new Set(),
-		            afterCommitMount: new Set(),
-		            beforeCommitUpdate: new Set(),
-		            afterCommitUpdate: new Set(),
-		            beforeCommitUnmount: new Set(),
-		            afterCommitUnmount: new Set(),
+		var prepareUpdateAllDependence = function (renderDispatch, fiber, beforeValue, afterValue) {
+		    var consumerList = new Set((fiber === null || fiber === void 0 ? void 0 : fiber.dependence) || []);
+		    consumerList.forEach(function prepareUpdateSingleConsumer(i) {
+		        var owner = getInstanceOwnerFiber(i);
+		        if (owner && myreactSharedExports.exclude(owner.state, myreactSharedExports.STATE_TYPE.__unmount__)) {
+		            var typedFiber_1 = owner;
+		            typedFiber_1.state = myreactSharedExports.STATE_TYPE.__triggerSyncForce__;
 		        }
-		        ;
-		};
-		var getInitialMap = function () { return ({
-		    effectMap: new MyWeakMap(),
-		    layoutEffectMap: new MyWeakMap(),
-		    insertionEffectMap: new MyWeakMap(),
-		    unmountMap: new MyWeakMap(),
-		    eventMap: new MyWeakMap(),
-		    triggerCallbackMap: new MyWeakMap(),
-		}); };
-		var getInitialFiber = function () { return ({
-		    scheduledFiber: null,
-		    errorCatchFiber: null,
-		    nextWorkingFiber: null,
-		    retriggerFiber: null,
-		}); };
-		var initialRef = {
-		    typeForRef: exports.NODE_TYPE.__plain__ | exports.NODE_TYPE.__class__,
-		    typeForCreate: exports.NODE_TYPE.__text__ | exports.NODE_TYPE.__plain__ | exports.NODE_TYPE.__portal__ | exports.NODE_TYPE.__comment__,
-		    typeForUpdate: exports.NODE_TYPE.__text__ | exports.NODE_TYPE.__plain__ | exports.NODE_TYPE.__comment__,
-		    typeForAppend: exports.NODE_TYPE.__text__ | exports.NODE_TYPE.__plain__ | exports.NODE_TYPE.__comment__,
-		    typeForNativeNode: exports.NODE_TYPE.__text__ | exports.NODE_TYPE.__plain__ | exports.NODE_TYPE.__portal__ | exports.NODE_TYPE.__comment__,
-		};
-		var listenerMap = dispatchToListenerMap;
-		var RenderDispatchEvent = /** @class */ (function (_super) {
-		    __extends(RenderDispatchEvent, _super);
-		    function RenderDispatchEvent() {
-		        var _this = _super.call(this) || this;
-		        _this.dispatcher = Dispatcher;
-		        _this.runtimeRef = initialRef;
-		        _this.runtimeMap = getInitialMap();
-		        _this.runtimeFiber = getInitialFiber();
-		        listenerMap.set(_this, getInitialListeners());
-		        initInstance(_this);
-		        initVisibleInstance(_this);
-		        initSuspenseInstance(_this);
-		        Object.defineProperty(_this, "dispatcher", {
-		            value: Dispatcher,
-		            writable: false,
-		            enumerable: false,
-		            configurable: false,
-		        });
-		        return _this;
-		    }
-		    RenderDispatchEvent.prototype.getFiberTree = function (_fiber) {
-		        throw new Error("Method not implemented.");
-		    };
-		    RenderDispatchEvent.prototype.readPromise = function (_params) {
-		        throw new Error("Method not implemented.");
-		    };
-		    RenderDispatchEvent.prototype.readContext = function (_params) {
-		        throw new Error("Method not implemented.");
-		    };
-		    RenderDispatchEvent.prototype.dispatchHook = function (_params) {
-		        throw new Error("Method not implemented.");
-		    };
-		    RenderDispatchEvent.prototype.dispatchState = function (_params) {
-		        throw new Error("Method not implemented.");
-		    };
-		    RenderDispatchEvent.prototype.dispatchError = function (_params) {
-		        throw new Error("Method not implemented.");
-		    };
-		    RenderDispatchEvent.prototype.dispatchPromise = function (_params) {
-		        throw new Error("Method not implemented.");
+		    });
+		    var typedFiber = fiber;
+		    var processedNodes = [];
+		    var updater = {
+		        type: myreactSharedExports.UpdateQueueType.context,
+		        trigger: fiber,
+		        payLoad: afterValue,
+		        isSync: true,
+		        isForce: true,
+		        isImmediate: true,
+		        isRetrigger: true,
 		    };
-		    RenderDispatchEvent.prototype.dispatchSuspensePromise = function (_params) {
-		        throw new Error("Method not implemented.");
+		    if (enableDebugFiled$1.current) {
+		        var now = Date.now();
+		        updater._debugBeforeValue = beforeValue;
+		        updater._debugAfterValue = afterValue;
+		        updater._debugCreateTime = now;
+		        updater._debugRunTime = now;
+		        updater._debugType = myreactSharedExports.UpdateQueueType[myreactSharedExports.UpdateQueueType.context];
+		        if (enableDebugUpdateQueue.current) {
+		            typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new myreactSharedExports.ListTree();
+		            typedFiber._debugUpdateQueue.push(updater);
+		        }
+		    }
+		    processedNodes.push(updater);
+		    var updateState = {
+		        needUpdate: true,
+		        nodes: processedNodes,
+		        isSync: true,
+		        isForce: true,
+		        isImmediate: true,
+		        isRetrigger: true,
+		    };
+		    safeCallWithCurrentFiber({
+		        fiber: fiber,
+		        action: function safeCallFiberTriggerListener() {
+		            renderDispatch.callOnFiberTrigger(fiber, updateState);
+		        },
+		    });
+		};
+
+		var currentScheduler$2 = react.__my_react_internal__.currentScheduler;
+		var enableScopeTreeLog$2 = react.__my_react_shared__.enableScopeTreeLog;
+		// TODO improve
+		var defaultDispatchMountLatest = function (_dispatch, _fiber) {
+		    beforeSyncUpdate();
+		    var _list = generateFiberToListWithAction(_fiber, function invokeUnmountPendingList(_fiber) {
+		        defaultInvokeUnmountList(_dispatch, _fiber);
+		    });
+		    _list.listToFoot(function invokeInsertionEffectList(_fiber) {
+		        insertionEffect(_dispatch, _fiber);
+		    });
+		    afterSyncUpdate();
+		    _list.listToFoot(function invokeCreateAndUpdateList(_fiber) {
+		        safeCallWithCurrentFiber({
+		            fiber: _fiber,
+		            action: function safeCallCreateAndUpdate() {
+		                _dispatch.commitCreate(_fiber);
+		                _dispatch.commitUpdate(_fiber);
+		            },
+		        });
+		    });
+		    _list.listToFoot(function invokeAppendList(_fiber) {
+		        safeCallWithCurrentFiber({
+		            fiber: _fiber,
+		            action: function safeCallAppendList() {
+		                _dispatch.commitAppend(_fiber);
+		            },
+		        });
+		    });
+		    _list.listToFoot(function invokeSetRefList(_fiber) {
+		        safeCallWithCurrentFiber({
+		            fiber: _fiber,
+		            action: function safeCallSetRefList() {
+		                _dispatch.commitSetRef(_fiber);
+		            },
+		        });
+		    });
+		    beforeSyncUpdate();
+		    _list.listToFoot(function invokeLayoutEffectList(_fiber) {
+		        layoutEffect(_dispatch, _fiber);
+		    });
+		    afterSyncUpdate();
+		    function invokeEffectListTask() {
+		        enableScopeTreeLog$2.current && setLogScope();
+		        _list.listToFoot(function invokeEffectList(_fiber) {
+		            effect(_dispatch, _fiber);
+		        });
+		        enableScopeTreeLog$2.current && resetLogScope();
+		    }
+		    addEffectCallback(invokeEffectListTask);
+		    var renderScheduler = currentScheduler$2.current;
+		    if (_dispatch.enableConcurrentMode) {
+		        renderScheduler.macroTask(function flushEffect() {
+		            flushEffectCallback();
+		        });
+		    }
+		    else {
+		        renderScheduler.microTask(function flushEffect() {
+		            flushEffectCallback();
+		        });
+		    }
+		};
+		var defaultDispatchMount = defaultDispatchMountLatest;
+
+		var defaultResolveScope = function (fiber) {
+		    var parent = fiber.parent;
+		    while (parent) {
+		        if (myreactSharedExports.include(parent.type, exports.NODE_TYPE.__scope__) || myreactSharedExports.include(parent.type, exports.NODE_TYPE.__scopeSuspense__)) {
+		            return parent;
+		        }
+		        parent = parent.parent;
+		    }
+		    return null;
+		};
+
+		var enableDebugFiled = react.__my_react_shared__.enableDebugFiled;
+		var defaultGenerateStrict = function (fiber) {
+		    {
+		        var parent_1 = fiber.parent;
+		        var isStrict = false;
+		        var typedParent = parent_1;
+		        if (parent_1) {
+		            if (myreactSharedExports.include(parent_1.type, exports.NODE_TYPE.__strict__)) {
+		                isStrict = true;
+		            }
+		            if (typedParent._debugStrict) {
+		                isStrict = true;
+		            }
+		        }
+		        if (enableDebugFiled.current) {
+		            var typedFiber = fiber;
+		            typedFiber._debugStrict = isStrict;
+		        }
+		        return isStrict;
+		    }
+		};
+
+		var currentScheduler$1 = react.__my_react_internal__.currentScheduler;
+		var enableScopeTreeLog$1 = react.__my_react_shared__.enableScopeTreeLog;
+		var defaultDispatchUpdate = function (_dispatch, _list, sync) {
+		    // TODO maybe need call `insertionEffect` in another function
+		    beforeSyncUpdate();
+		    _list.listToFoot(function invokeUnmountPendingAndInsertionEffectList(_fiber) {
+		        if (myreactSharedExports.exclude(_fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
+		            defaultInvokeUnmountList(_dispatch, _fiber);
+		        }
+		    });
+		    _list.listToFoot(function invokeUnmountPendingAndInsertionEffectList(_fiber) {
+		        if (myreactSharedExports.exclude(_fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
+		            insertionEffect(_dispatch, _fiber);
+		        }
+		    });
+		    afterSyncUpdate();
+		    _list.listToFoot(function invokeCreateAndUpdateList(_fiber) {
+		        if (myreactSharedExports.exclude(_fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
+		            safeCallWithCurrentFiber({
+		                fiber: _fiber,
+		                action: function safeCallCreateAndUpdate() {
+		                    _dispatch.commitCreate(_fiber);
+		                    _dispatch.commitUpdate(_fiber);
+		                },
+		            });
+		        }
+		    });
+		    _list.listToHead(function invokePositionList(_fiber) {
+		        if (myreactSharedExports.exclude(_fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
+		            safeCallWithCurrentFiber({
+		                fiber: _fiber,
+		                action: function safeCallPosition() {
+		                    _dispatch.commitPosition(_fiber);
+		                },
+		            });
+		        }
+		    });
+		    _list.listToFoot(function invokeAppendList(_fiber) {
+		        if (myreactSharedExports.exclude(_fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
+		            safeCallWithCurrentFiber({
+		                fiber: _fiber,
+		                action: function safeCallAppendList() {
+		                    _dispatch.commitAppend(_fiber);
+		                },
+		            });
+		        }
+		    });
+		    _list.listToFoot(function invokeSetRefList(_fiber) {
+		        if (myreactSharedExports.exclude(_fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
+		            safeCallWithCurrentFiber({
+		                fiber: _fiber,
+		                action: function safeCallSetRefList() {
+		                    _dispatch.commitSetRef(_fiber);
+		                },
+		            });
+		        }
+		    });
+		    beforeSyncUpdate();
+		    _list.listToFoot(function invokeLayoutEffectList(_fiber) {
+		        if (myreactSharedExports.exclude(_fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
+		            layoutEffect(_dispatch, _fiber);
+		        }
+		    });
+		    afterSyncUpdate();
+		    function invokeEffectListTask() {
+		        enableScopeTreeLog$1.current && setLogScope();
+		        _list.listToFoot(function invokeEffectList(_fiber) {
+		            if (myreactSharedExports.exclude(_fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
+		                effect(_dispatch, _fiber);
+		            }
+		        });
+		        enableScopeTreeLog$1.current && resetLogScope();
+		    }
+		    addEffectCallback(invokeEffectListTask);
+		    var renderScheduler = currentScheduler$1.current;
+		    if (_dispatch.enableConcurrentMode && !sync) {
+		        renderScheduler.macroTask(function flushEffect() {
+		            flushEffectCallback();
+		        });
+		    }
+		    else {
+		        renderScheduler.microTask(function flushEffect() {
+		            flushEffectCallback();
+		        });
+		    }
+		};
+
+		var currentComponentFiber = react.__my_react_internal__.currentComponentFiber, currentHookNodeIndex = react.__my_react_internal__.currentHookNodeIndex;
+		var resolveHookValue = function (hookNode, field) {
+		    if (hookNode) {
+		        switch (hookNode.type) {
+		            case myreactSharedExports.HOOK_TYPE.useState:
+		            case myreactSharedExports.HOOK_TYPE.useReducer:
+		                return [hookNode.result, field.dispatch];
+		            case myreactSharedExports.HOOK_TYPE.useId:
+		            case myreactSharedExports.HOOK_TYPE.useRef:
+		            case myreactSharedExports.HOOK_TYPE.useMemo:
+		            case myreactSharedExports.HOOK_TYPE.useContext:
+		            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:
+		                return [hookNode.result.value, hookNode.result.start];
+		            case myreactSharedExports.HOOK_TYPE.useSignal:
+		                return [hookNode.result.getValue, hookNode.result.setValue];
+		        }
+		    }
+		};
+		var processHook = function (renderDispatch, _a) {
+		    var type = _a.type, reducer = _a.reducer, value = _a.value, deps = _a.deps;
+		    var fiber = currentComponentFiber.current;
+		    if (!fiber)
+		        throw new Error("[@my-react/react] can not use hook outside of component");
+		    if (!renderDispatch)
+		        throw new Error("[@my-react/react] internal error, can not get 'renderDispatch' for current render");
+		    fiber.hookList = fiber.hookList || new myreactSharedExports.ListTree();
+		    var currentHook = null;
+		    // initial
+		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__create__ | myreactSharedExports.STATE_TYPE.__recreate__)) {
+		        currentHook = createHookNode(renderDispatch, { type: type, reducer: reducer, value: value, deps: deps }, fiber);
+		        safeCall(function safeCallHookInitialListener() {
+		            renderDispatch.callOnHookInitial(currentHook, fiber);
+		        });
+		    }
+		    else {
+		        // update
+		        currentHook = updateHookNode(renderDispatch, { type: type, reducer: reducer, value: value, deps: deps }, fiber, Boolean(myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__hmr__)));
+		        safeCall(function safeCallHookUpdateListener() {
+		            renderDispatch.callOnHookUpdate(currentHook, fiber);
+		        });
+		    }
+		    currentHookNodeIndex.current++;
+		    var field = getInstanceFieldByInstance(currentHook);
+		    effectHookNode(renderDispatch, fiber, currentHook, field);
+		    return resolveHookValue(currentHook, field);
+		};
+
+		var enableSuspenseRoot = react.__my_react_shared__.enableSuspenseRoot;
+		var currentScheduler = react.__my_react_internal__.currentScheduler;
+		var loadPromise = function (renderDispatch, promise) { return __awaiter(void 0, void 0, void 0, function () {
+		    var value, reason_1;
+		    return __generator(this, function (_a) {
+		        switch (_a.label) {
+		            case 0:
+		                if (promise.status === "fulfilled" || promise.status === "rejected")
+		                    return [2 /*return*/];
+		                _a.label = 1;
+		            case 1:
+		                _a.trys.push([1, 3, , 4]);
+		                promise.status = "pending";
+		                return [4 /*yield*/, Promise.resolve(promise)];
+		            case 2:
+		                value = _a.sent();
+		                promise.status = "fulfilled";
+		                promise._value = value;
+		                return [3 /*break*/, 4];
+		            case 3:
+		                reason_1 = _a.sent();
+		                promise.status = "rejected";
+		                promise._reason = reason_1;
+		                return [3 /*break*/, 4];
+		            case 4: return [2 /*return*/];
+		        }
+		    });
+		}); };
+		var processPromise = function (renderDispatch, fiber, promise) {
+		    var _a, _b;
+		    defaultDeleteCurrentEffect(renderDispatch, fiber);
+		    if (promise.status === "rejected") {
+		        (_b = (_a = currentScheduler.current).dispatchError) === null || _b === void 0 ? void 0 : _b.call(_a, { fiber: fiber, error: promise._reason });
+		        return null;
+		    }
+		    if (promise.status === "fulfilled") {
+		        {
+		            console.warn("[@my-react/react] throw a promise what has already fulfilled, this is not a valid usage");
+		        }
+		    }
+		    promise._list = promise._list || new Set();
+		    promise._list.add(fiber);
+		    var suspenseFiber = renderDispatch.resolveSuspenseFiber(fiber);
+		    if (suspenseFiber) {
+		        var suspenseField = getInstanceFieldByInstance(suspenseFiber.instance);
+		        suspenseField.asyncLoadList.uniPush(promise);
+		        renderDispatch.pendingSuspenseFiberArray.uniPush(suspenseFiber);
+		        return null;
+		    }
+		    else {
+		        // TODO update flow
+		        if (enableSuspenseRoot.current && !renderDispatch.isAppMounted) {
+		            var suspenseField = getInstanceFieldByInstance(renderDispatch);
+		            suspenseField.asyncLoadList.uniPush(promise);
+		            return null;
+		        }
+		        devWarnWithFiber(fiber, "[@my-react/react] promise must be used inside a Suspense component, otherwise it will not work as expected");
+		        if (promise._loading)
+		            return null;
+		        promise._loading = true;
+		        promise.status = "pending";
+		        var renderScheduler_1 = 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_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") {
+		        {
+		            console.warn("[@my-react/react] throw a promise what has already fulfilled, this is not a valid usage");
+		        }
+		    }
+		    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 Dispatcher = react.__my_react_internal__.Dispatcher, MyReactInternalInstanceClass = react.__my_react_internal__.MyReactInternalInstance, dispatchToListenerMap = react.__my_react_internal__.dispatchToListenerMap;
+		var getInitialListeners = function () {
+		    return {
+		            fiberInitial: new Set(),
+		            fiberUpdate: new Set(),
+		            fiberHasChange: new Set(),
+		            fiberUnmount: new Set(),
+		            fiberHMR: new Set(),
+		            beforeFiberRun: new Set(),
+		            afterFiberRun: new Set(),
+		            afterFiberDone: new Set(),
+		            beforeDispatchRender: new Set(),
+		            afterDispatchRender: new Set(),
+		            fiberWarn: new Set(),
+		            fiberError: new Set(),
+		            fiberState: new Set(),
+		            fiberTrigger: new Set(),
+		            performanceWarn: new Set(),
+		            instanceInitial: new Set(),
+		            instanceUpdate: new Set(),
+		            instanceState: new Set(),
+		            instanceUnmount: new Set(),
+		            hookInitial: new Set(),
+		            hookUpdate: new Set(),
+		            hookState: new Set(),
+		            hookUnmount: new Set(),
+		            beforeCommitMount: new Set(),
+		            afterCommitMount: new Set(),
+		            beforeCommitUpdate: new Set(),
+		            afterCommitUpdate: new Set(),
+		            beforeCommitUnmount: new Set(),
+		            afterCommitUnmount: new Set(),
+		        }
+		        ;
+		};
+		var getInitialMap = function () { return ({
+		    effectMap: new MyWeakMap(),
+		    layoutEffectMap: new MyWeakMap(),
+		    insertionEffectMap: new MyWeakMap(),
+		    unmountMap: new MyWeakMap(),
+		    eventMap: new MyWeakMap(),
+		    triggerCallbackMap: new MyWeakMap(),
+		}); };
+		var getInitialFiber = function () { return ({
+		    scheduledFiber: null,
+		    errorCatchFiber: null,
+		    nextWorkingFiber: null,
+		    retriggerFiber: null,
+		}); };
+		var initialRef = {
+		    typeForRef: exports.NODE_TYPE.__plain__ | exports.NODE_TYPE.__class__,
+		    typeForCreate: exports.NODE_TYPE.__text__ | exports.NODE_TYPE.__plain__ | exports.NODE_TYPE.__portal__ | exports.NODE_TYPE.__comment__,
+		    typeForUpdate: exports.NODE_TYPE.__text__ | exports.NODE_TYPE.__plain__ | exports.NODE_TYPE.__comment__,
+		    typeForAppend: exports.NODE_TYPE.__text__ | exports.NODE_TYPE.__plain__ | exports.NODE_TYPE.__comment__,
+		    typeForNativeNode: exports.NODE_TYPE.__text__ | exports.NODE_TYPE.__plain__ | exports.NODE_TYPE.__portal__ | exports.NODE_TYPE.__comment__,
+		};
+		var listenerMap = dispatchToListenerMap;
+		var RenderDispatchEvent = /** @class */ (function (_super) {
+		    __extends(RenderDispatchEvent, _super);
+		    function RenderDispatchEvent() {
+		        var _this = _super.call(this) || this;
+		        _this.dispatcher = Dispatcher;
+		        _this.runtimeRef = initialRef;
+		        _this.runtimeMap = getInitialMap();
+		        _this.runtimeFiber = getInitialFiber();
+		        listenerMap.set(_this, getInitialListeners());
+		        initInstance(_this);
+		        initVisibleInstance(_this);
+		        initSuspenseInstance(_this);
+		        Object.defineProperty(_this, "dispatcher", {
+		            value: Dispatcher,
+		            writable: false,
+		            enumerable: false,
+		            configurable: false,
+		        });
+		        return _this;
+		    }
+		    RenderDispatchEvent.prototype.getFiberTree = function (_fiber) {
+		        throw new Error("Method not implemented.");
+		    };
+		    RenderDispatchEvent.prototype.readPromise = function (_params) {
+		        throw new Error("Method not implemented.");
+		    };
+		    RenderDispatchEvent.prototype.readContext = function (_params) {
+		        throw new Error("Method not implemented.");
+		    };
+		    RenderDispatchEvent.prototype.dispatchHook = function (_params) {
+		        throw new Error("Method not implemented.");
+		    };
+		    RenderDispatchEvent.prototype.dispatchState = function (_params) {
+		        throw new Error("Method not implemented.");
+		    };
+		    RenderDispatchEvent.prototype.dispatchError = function (_params) {
+		        throw new Error("Method not implemented.");
+		    };
+		    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);
@@ -5943,11 +6409,29 @@ function requireIndex_development_1 () {
 		        };
 		        set.add(onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnFiberInitial = function (_fiber) {
+		        var _a;
+		        var set = listenerMap.get(this).fiberInitial;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber); });
+		    };
 		    RenderDispatchEvent.prototype.onFiberUpdate = function (cb) {
 		        var set = listenerMap.get(this).fiberUpdate;
 		        set.add(cb);
 		        return function () { return set.delete(cb); };
 		    };
+		    RenderDispatchEvent.prototype.onceFiberUpdate = function (cb) {
+		        var set = listenerMap.get(this).fiberUpdate;
+		        var onceCb = function (_fiber) {
+		            cb(_fiber);
+		            set.delete(onceCb);
+		        };
+		        set.add(onceCb);
+		    };
+		    RenderDispatchEvent.prototype.callOnFiberUpdate = function (_fiber) {
+		        var _a;
+		        var set = listenerMap.get(this).fiberUpdate;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber); });
+		    };
 		    RenderDispatchEvent.prototype.onFiberChange = function (cb) {
 		        var set = listenerMap.get(this).fiberHasChange;
 		        set.add(cb);
@@ -5961,13 +6445,10 @@ function requireIndex_development_1 () {
 		        };
 		        set.add(onceCb);
 		    };
-		    RenderDispatchEvent.prototype.onceFiberUpdate = function (cb) {
-		        var set = listenerMap.get(this).fiberUpdate;
-		        var onceCb = function (_fiber) {
-		            cb(_fiber);
-		            set.delete(onceCb);
-		        };
-		        set.add(onceCb);
+		    RenderDispatchEvent.prototype.callOnFiberChange = function (_list) {
+		        var _a;
+		        var set = listenerMap.get(this).fiberHasChange;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_list); });
 		    };
 		    RenderDispatchEvent.prototype.onFiberUnmount = function (cb) {
 		        var set = listenerMap.get(this).fiberUnmount;
@@ -5982,6 +6463,11 @@ function requireIndex_development_1 () {
 		        };
 		        set.add(onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnFiberUnmount = function (_fiber) {
+		        var _a;
+		        var set = listenerMap.get(this).fiberUnmount;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber); });
+		    };
 		    RenderDispatchEvent.prototype.onFiberState = function (cb) {
 		        var set = listenerMap.get(this).fiberState;
 		        set.add(cb);
@@ -5995,6 +6481,11 @@ function requireIndex_development_1 () {
 		        };
 		        set.add(onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnFiberState = function (_fiber, _updater) {
+		        var _a;
+		        var set = listenerMap.get(this).fiberState;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber, _updater); });
+		    };
 		    RenderDispatchEvent.prototype.onFiberTrigger = function (cb) {
 		        var set = listenerMap.get(this).fiberTrigger;
 		        set.add(cb);
@@ -6008,6 +6499,11 @@ function requireIndex_development_1 () {
 		        };
 		        set.add(onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnFiberTrigger = function (_fiber, _state) {
+		        var _a;
+		        var set = listenerMap.get(this).fiberTrigger;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber, _state); });
+		    };
 		    RenderDispatchEvent.prototype.onFiberHMR = function (cb) {
 		        var _a;
 		        var set = listenerMap.get(this).fiberHMR;
@@ -6024,6 +6520,11 @@ function requireIndex_development_1 () {
 		        };
 		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnFiberHMR = function (_fiber, _forceRefresh) {
+		        var _a;
+		        var set = listenerMap.get(this).fiberHMR;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber, _forceRefresh); });
+		    };
 		    RenderDispatchEvent.prototype.onFiberWarn = function (cb) {
 		        var _a;
 		        var set = listenerMap.get(this).fiberWarn;
@@ -6040,6 +6541,15 @@ function requireIndex_development_1 () {
 		        };
 		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnFiberWarn = function (_fiber) {
+		        var _a;
+		        var args = [];
+		        for (var _i = 1; _i < arguments.length; _i++) {
+		            args[_i - 1] = arguments[_i];
+		        }
+		        var set = listenerMap.get(this).fiberWarn;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb.apply(void 0, __spreadArray([_fiber], args, false)); });
+		    };
 		    RenderDispatchEvent.prototype.onFiberError = function (cb) {
 		        var _a;
 		        var set = listenerMap.get(this).fiberError;
@@ -6056,6 +6566,15 @@ function requireIndex_development_1 () {
 		        };
 		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnFiberError = function (_fiber) {
+		        var _a;
+		        var args = [];
+		        for (var _i = 1; _i < arguments.length; _i++) {
+		            args[_i - 1] = arguments[_i];
+		        }
+		        var set = listenerMap.get(this).fiberError;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb.apply(void 0, __spreadArray([_fiber], args, false)); });
+		    };
 		    RenderDispatchEvent.prototype.onPerformanceWarn = function (cb) {
 		        var _a;
 		        var set = listenerMap.get(this).performanceWarn;
@@ -6065,13 +6584,18 @@ function requireIndex_development_1 () {
 		    RenderDispatchEvent.prototype.oncePerformanceWarn = function (cb) {
 		        var _a;
 		        var set = listenerMap.get(this).performanceWarn;
-		        var onceCb = function (_fiber) {
+		        var onceCb = function (_fiber, _renderTime) {
 		            var _a;
-		            cb(_fiber);
+		            cb(_fiber, _renderTime);
 		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		        };
 		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnPerformanceWarn = function (_fiber, _renderTime) {
+		        var _a;
+		        var set = listenerMap.get(this).performanceWarn;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber, _renderTime); });
+		    };
 		    RenderDispatchEvent.prototype.onBeforeFiberRun = function (cb) {
 		        var _a;
 		        var set = listenerMap.get(this).beforeFiberRun;
@@ -6088,6 +6612,11 @@ function requireIndex_development_1 () {
 		        };
 		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnBeforeFiberRun = function (_fiber) {
+		        var _a;
+		        var set = listenerMap.get(this).beforeFiberRun;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber); });
+		    };
 		    RenderDispatchEvent.prototype.onAfterFiberRun = function (cb) {
 		        var _a;
 		        var set = listenerMap.get(this).afterFiberRun;
@@ -6104,6 +6633,11 @@ function requireIndex_development_1 () {
 		        };
 		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnAfterFiberRun = function (_fiber) {
+		        var _a;
+		        var set = listenerMap.get(this).afterFiberRun;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber); });
+		    };
 		    RenderDispatchEvent.prototype.onAfterFiberDone = function (cb) {
 		        var _a;
 		        var set = listenerMap.get(this).afterFiberDone;
@@ -6120,6 +6654,11 @@ function requireIndex_development_1 () {
 		        };
 		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnAfterFiberDone = function (_fiber) {
+		        var _a;
+		        var set = listenerMap.get(this).afterFiberDone;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_fiber); });
+		    };
 		    RenderDispatchEvent.prototype.onBeforeDispatchRender = function (cb) {
 		        var _a;
 		        var set = listenerMap.get(this).beforeDispatchRender;
@@ -6129,6 +6668,27 @@ function requireIndex_development_1 () {
 		    RenderDispatchEvent.prototype.onceBeforeDispatchRender = function (cb) {
 		        var _a;
 		        var set = listenerMap.get(this).beforeDispatchRender;
+		        var onceCb = function (renderDispatch, fiber) {
+		            var _a;
+		            cb(renderDispatch, fiber);
+		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        };
+		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		    };
+		    RenderDispatchEvent.prototype.callOnBeforeDispatchRender = function (renderDispatch, fiber) {
+		        var _a;
+		        var set = listenerMap.get(this).beforeDispatchRender;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch, fiber); });
+		    };
+		    RenderDispatchEvent.prototype.onAfterDispatchRender = function (cb) {
+		        var _a;
+		        var set = listenerMap.get(this).afterDispatchRender;
+		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
+		    };
+		    RenderDispatchEvent.prototype.onceAfterDispatchRender = function (cb) {
+		        var _a;
+		        var set = listenerMap.get(this).afterDispatchRender;
 		        var onceCb = function (renderDispatch) {
 		            var _a;
 		            cb(renderDispatch);
@@ -6136,6 +6696,11 @@ function requireIndex_development_1 () {
 		        };
 		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnAfterDispatchRender = function (renderDispatch) {
+		        var _a;
+		        var set = listenerMap.get(this).afterDispatchRender;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch); });
+		    };
 		    RenderDispatchEvent.prototype.onBeforeDispatchUpdate = function (cb) {
 		        var _a;
 		        var set = listenerMap.get(this).beforeDispatchUpdate;
@@ -6152,6 +6717,32 @@ function requireIndex_development_1 () {
 		        };
 		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnBeforeDispatchUpdate = function (renderDispatch, list) {
+		        var _a;
+		        var set = listenerMap.get(this).beforeDispatchUpdate;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch, list); });
+		    };
+		    RenderDispatchEvent.prototype.onAfterDispatchUpdate = function (cb) {
+		        var _a;
+		        var set = listenerMap.get(this).afterDispatchUpdate;
+		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, cb);
+		        return function () { var _a; return (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, cb); };
+		    };
+		    RenderDispatchEvent.prototype.onceAfterDispatchUpdate = function (cb) {
+		        var _a;
+		        var set = listenerMap.get(this).afterDispatchUpdate;
+		        var onceCb = function (renderDispatch) {
+		            var _a;
+		            cb(renderDispatch);
+		            (_a = set === null || set === void 0 ? void 0 : set.delete) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		        };
+		        (_a = set === null || set === void 0 ? void 0 : set.add) === null || _a === void 0 ? void 0 : _a.call(set, onceCb);
+		    };
+		    RenderDispatchEvent.prototype.callOnAfterDispatchUpdate = function (renderDispatch) {
+		        var _a;
+		        var set = listenerMap.get(this).afterDispatchUpdate;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch); });
+		    };
 		    RenderDispatchEvent.prototype.onInstanceInitial = function (cb) {
 		        var set = listenerMap.get(this).instanceInitial;
 		        set.add(cb);
@@ -6165,6 +6756,11 @@ function requireIndex_development_1 () {
 		        };
 		        set.add(onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnInstanceInitial = function (_instance, _fiber) {
+		        var _a;
+		        var set = listenerMap.get(this).instanceInitial;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_instance, _fiber); });
+		    };
 		    RenderDispatchEvent.prototype.onInstanceUpdate = function (cb) {
 		        var set = listenerMap.get(this).instanceUpdate;
 		        set.add(cb);
@@ -6178,6 +6774,11 @@ function requireIndex_development_1 () {
 		        };
 		        set.add(onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnInstanceUpdate = function (_instance, _fiber) {
+		        var _a;
+		        var set = listenerMap.get(this).instanceUpdate;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_instance, _fiber); });
+		    };
 		    RenderDispatchEvent.prototype.onInstanceState = function (cb) {
 		        var set = listenerMap.get(this).instanceState;
 		        set.add(cb);
@@ -6191,6 +6792,11 @@ function requireIndex_development_1 () {
 		        };
 		        set.add(onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnInstanceState = function (_instance, _fiber, _updater) {
+		        var _a;
+		        var set = listenerMap.get(this).instanceState;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_instance, _fiber, _updater); });
+		    };
 		    RenderDispatchEvent.prototype.onInstanceUnmount = function (cb) {
 		        var set = listenerMap.get(this).instanceUnmount;
 		        set.add(cb);
@@ -6204,6 +6810,11 @@ function requireIndex_development_1 () {
 		        };
 		        set.add(onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnInstanceUnmount = function (_instance, _fiber) {
+		        var _a;
+		        var set = listenerMap.get(this).instanceUnmount;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_instance, _fiber); });
+		    };
 		    RenderDispatchEvent.prototype.onHookInitial = function (cb) {
 		        var set = listenerMap.get(this).hookInitial;
 		        set.add(cb);
@@ -6211,12 +6822,17 @@ function requireIndex_development_1 () {
 		    };
 		    RenderDispatchEvent.prototype.onceHookInitial = function (cb) {
 		        var set = listenerMap.get(this).hookInitial;
-		        var onceCb = function (_hook) {
-		            cb(_hook);
+		        var onceCb = function (_hook, _fiber) {
+		            cb(_hook, _fiber);
 		            set.delete(onceCb);
 		        };
 		        set.add(onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnHookInitial = function (_hook, _fiber) {
+		        var _a;
+		        var set = listenerMap.get(this).hookInitial;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_hook, _fiber); });
+		    };
 		    RenderDispatchEvent.prototype.onHookUpdate = function (cb) {
 		        var set = listenerMap.get(this).hookUpdate;
 		        set.add(cb);
@@ -6224,12 +6840,17 @@ function requireIndex_development_1 () {
 		    };
 		    RenderDispatchEvent.prototype.onceHookUpdate = function (cb) {
 		        var set = listenerMap.get(this).hookUpdate;
-		        var onceCb = function (_hook) {
-		            cb(_hook);
+		        var onceCb = function (_hook, _fiber) {
+		            cb(_hook, _fiber);
 		            set.delete(onceCb);
 		        };
 		        set.add(onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnHookUpdate = function (_hook, _fiber) {
+		        var _a;
+		        var set = listenerMap.get(this).hookUpdate;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_hook, _fiber); });
+		    };
 		    RenderDispatchEvent.prototype.onHookUnmount = function (cb) {
 		        var set = listenerMap.get(this).hookUnmount;
 		        set.add(cb);
@@ -6237,12 +6858,17 @@ function requireIndex_development_1 () {
 		    };
 		    RenderDispatchEvent.prototype.onceHookUnmount = function (cb) {
 		        var set = listenerMap.get(this).hookUnmount;
-		        var onceCb = function (_hook) {
-		            cb(_hook);
+		        var onceCb = function (_hook, _fiber) {
+		            cb(_hook, _fiber);
 		            set.delete(onceCb);
 		        };
 		        set.add(onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnHookUnmount = function (_hook, _fiber) {
+		        var _a;
+		        var set = listenerMap.get(this).hookUnmount;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_hook, _fiber); });
+		    };
 		    RenderDispatchEvent.prototype.onHookState = function (cb) {
 		        var set = listenerMap.get(this).hookState;
 		        set.add(cb);
@@ -6256,6 +6882,11 @@ function requireIndex_development_1 () {
 		        };
 		        set.add(onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnHookState = function (_hook, _fiber, _updater) {
+		        var _a;
+		        var set = listenerMap.get(this).hookState;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(_hook, _fiber, _updater); });
+		    };
 		    RenderDispatchEvent.prototype.onBeforeCommitMount = function (cb) {
 		        var set = listenerMap.get(this).beforeCommitMount;
 		        set.add(cb);
@@ -6263,12 +6894,17 @@ function requireIndex_development_1 () {
 		    };
 		    RenderDispatchEvent.prototype.onceBeforeCommitMount = function (cb) {
 		        var set = listenerMap.get(this).beforeCommitMount;
-		        var onceCb = function () {
-		            cb();
+		        var onceCb = function (renderDispatch) {
+		            cb(renderDispatch);
 		            set.delete(onceCb);
 		        };
 		        set.add(onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnBeforeCommitMount = function (renderDispatch) {
+		        var _a;
+		        var set = listenerMap.get(this).beforeCommitMount;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch); });
+		    };
 		    RenderDispatchEvent.prototype.onAfterCommitMount = function (cb) {
 		        var set = listenerMap.get(this).afterCommitMount;
 		        set.add(cb);
@@ -6276,12 +6912,17 @@ function requireIndex_development_1 () {
 		    };
 		    RenderDispatchEvent.prototype.onceAfterCommitMount = function (cb) {
 		        var set = listenerMap.get(this).afterCommitMount;
-		        var onceCb = function () {
-		            cb();
+		        var onceCb = function (renderDispatch) {
+		            cb(renderDispatch);
 		            set.delete(onceCb);
 		        };
 		        set.add(onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnAfterCommitMount = function (renderDispatch) {
+		        var _a;
+		        var set = listenerMap.get(this).afterCommitMount;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch); });
+		    };
 		    RenderDispatchEvent.prototype.onBeforeCommitUpdate = function (cb) {
 		        var set = listenerMap.get(this).beforeCommitUpdate;
 		        set.add(cb);
@@ -6289,12 +6930,17 @@ function requireIndex_development_1 () {
 		    };
 		    RenderDispatchEvent.prototype.onceBeforeCommitUpdate = function (cb) {
 		        var set = listenerMap.get(this).beforeCommitUpdate;
-		        var onceCb = function () {
-		            cb();
+		        var onceCb = function (renderDispatch) {
+		            cb(renderDispatch);
 		            set.delete(onceCb);
 		        };
 		        set.add(onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnBeforeCommitUpdate = function (renderDispatch) {
+		        var _a;
+		        var set = listenerMap.get(this).beforeCommitUpdate;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch); });
+		    };
 		    RenderDispatchEvent.prototype.onAfterCommitUpdate = function (cb) {
 		        var set = listenerMap.get(this).afterCommitUpdate;
 		        set.add(cb);
@@ -6302,12 +6948,17 @@ function requireIndex_development_1 () {
 		    };
 		    RenderDispatchEvent.prototype.onceAfterCommitUpdate = function (cb) {
 		        var set = listenerMap.get(this).afterCommitUpdate;
-		        var onceCb = function () {
-		            cb();
+		        var onceCb = function (renderDispatch) {
+		            cb(renderDispatch);
 		            set.delete(onceCb);
 		        };
 		        set.add(onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnAfterCommitUpdate = function (renderDispatch) {
+		        var _a;
+		        var set = listenerMap.get(this).afterCommitUpdate;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch); });
+		    };
 		    RenderDispatchEvent.prototype.onBeforeCommitUnmount = function (cb) {
 		        var set = listenerMap.get(this).beforeCommitUnmount;
 		        set.add(cb);
@@ -6315,12 +6966,17 @@ function requireIndex_development_1 () {
 		    };
 		    RenderDispatchEvent.prototype.onceBeforeCommitUnmount = function (cb) {
 		        var set = listenerMap.get(this).beforeCommitUnmount;
-		        var onceCb = function () {
-		            cb();
+		        var onceCb = function (renderDispatch) {
+		            cb(renderDispatch);
 		            set.delete(onceCb);
 		        };
 		        set.add(onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnBeforeCommitUnmount = function (renderDispatch) {
+		        var _a;
+		        var set = listenerMap.get(this).beforeCommitUnmount;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch); });
+		    };
 		    RenderDispatchEvent.prototype.onAfterCommitUnmount = function (cb) {
 		        var set = listenerMap.get(this).afterCommitUnmount;
 		        set.add(cb);
@@ -6328,12 +6984,17 @@ function requireIndex_development_1 () {
 		    };
 		    RenderDispatchEvent.prototype.onceAfterCommitUnmount = function (cb) {
 		        var set = listenerMap.get(this).afterCommitUnmount;
-		        var onceCb = function () {
-		            cb();
+		        var onceCb = function (renderDispatch) {
+		            cb(renderDispatch);
 		            set.delete(onceCb);
 		        };
 		        set.add(onceCb);
 		    };
+		    RenderDispatchEvent.prototype.callOnAfterCommitUnmount = function (renderDispatch) {
+		        var _a;
+		        var set = listenerMap.get(this).afterCommitUnmount;
+		        (_a = set === null || set === void 0 ? void 0 : set.forEach) === null || _a === void 0 ? void 0 : _a.call(set, function (cb) { return cb(renderDispatch); });
+		    };
 		    return RenderDispatchEvent;
 		}(MyReactInternalInstanceClass));
 
@@ -6345,325 +7006,24 @@ function requireIndex_development_1 () {
 		    else if (myreactSharedExports.include(fiber.type, exports.NODE_TYPE.__class__ | exports.NODE_TYPE.__function__)) {
 		        nextWorkComponent(renderDispatch, fiber);
 		    }
-		    else if (myreactSharedExports.include(fiber.type, exports.NODE_TYPE.__lazy__)) {
-		        nextWorkLazy(renderDispatch, fiber);
-		    }
-		    else if (myreactSharedExports.include(fiber.type, exports.NODE_TYPE.__suspense__)) {
-		        nextWorkSuspense(renderDispatch, fiber);
-		    }
-		    else if (myreactSharedExports.include(fiber.type, exports.NODE_TYPE.__consumer__)) {
-		        nextWorkConsumer(renderDispatch, fiber);
-		    }
-		    else if (myreactSharedExports.include(fiber.type, exports.NODE_TYPE.__provider__ | exports.NODE_TYPE.__context__)) {
-		        nextWorkProvider(renderDispatch, fiber);
-		    }
-		    else {
-		        nextWorkNormal(renderDispatch, fiber);
-		    }
-		};
-
-		var currentScheduler$2 = react.__my_react_internal__.currentScheduler;
-		var enableScopeTreeLog$2 = react.__my_react_shared__.enableScopeTreeLog;
-		// TODO improve
-		var defaultDispatchMountLatest = function (_dispatch, _fiber) {
-		    beforeSyncUpdate();
-		    var _list = generateFiberToListWithAction(_fiber, function invokeUnmountPendingList(_fiber) {
-		        defaultInvokeUnmountList(_dispatch, _fiber);
-		    });
-		    _list.listToFoot(function invokeInsertionEffectList(_fiber) {
-		        insertionEffect(_dispatch, _fiber);
-		    });
-		    afterSyncUpdate();
-		    _list.listToFoot(function invokeCreateAndUpdateList(_fiber) {
-		        safeCallWithCurrentFiber({
-		            fiber: _fiber,
-		            action: function safeCallCreateAndUpdate() {
-		                _dispatch.commitCreate(_fiber);
-		                _dispatch.commitUpdate(_fiber);
-		            },
-		        });
-		    });
-		    _list.listToFoot(function invokeAppendList(_fiber) {
-		        safeCallWithCurrentFiber({
-		            fiber: _fiber,
-		            action: function safeCallAppendList() {
-		                _dispatch.commitAppend(_fiber);
-		            },
-		        });
-		    });
-		    _list.listToFoot(function invokeSetRefList(_fiber) {
-		        safeCallWithCurrentFiber({
-		            fiber: _fiber,
-		            action: function safeCallSetRefList() {
-		                _dispatch.commitSetRef(_fiber);
-		            },
-		        });
-		    });
-		    beforeSyncUpdate();
-		    _list.listToFoot(function invokeLayoutEffectList(_fiber) {
-		        layoutEffect(_dispatch, _fiber);
-		    });
-		    afterSyncUpdate();
-		    function invokeEffectListTask() {
-		        enableScopeTreeLog$2.current && setLogScope();
-		        _list.listToFoot(function invokeEffectList(_fiber) {
-		            effect(_dispatch, _fiber);
-		        });
-		        enableScopeTreeLog$2.current && resetLogScope();
-		    }
-		    addEffectCallback(invokeEffectListTask);
-		    var renderScheduler = currentScheduler$2.current;
-		    if (_dispatch.enableConcurrentMode) {
-		        renderScheduler.macroTask(function flushEffect() {
-		            flushEffectCallback();
-		        });
-		    }
-		    else {
-		        renderScheduler.microTask(function flushEffect() {
-		            flushEffectCallback();
-		        });
-		    }
-		};
-		var defaultDispatchMount = defaultDispatchMountLatest;
-
-		var defaultResolveScope = function (fiber) {
-		    var parent = fiber.parent;
-		    while (parent) {
-		        if (myreactSharedExports.include(parent.type, exports.NODE_TYPE.__scope__) || myreactSharedExports.include(parent.type, exports.NODE_TYPE.__scopeSuspense__)) {
-		            return parent;
-		        }
-		        parent = parent.parent;
-		    }
-		    return null;
-		};
-
-		var enableDebugFiled$1 = react.__my_react_shared__.enableDebugFiled;
-		var defaultGenerateStrict = function (fiber) {
-		    {
-		        var parent_1 = fiber.parent;
-		        var isStrict = false;
-		        var typedParent = parent_1;
-		        if (parent_1) {
-		            if (myreactSharedExports.include(parent_1.type, exports.NODE_TYPE.__strict__)) {
-		                isStrict = true;
-		            }
-		            if (typedParent._debugStrict) {
-		                isStrict = true;
-		            }
-		        }
-		        if (enableDebugFiled$1.current) {
-		            var typedFiber = fiber;
-		            typedFiber._debugStrict = isStrict;
-		        }
-		        return isStrict;
-		    }
-		};
-
-		var currentScheduler$1 = react.__my_react_internal__.currentScheduler;
-		var enableScopeTreeLog$1 = react.__my_react_shared__.enableScopeTreeLog;
-		var defaultDispatchUpdate = function (_dispatch, _list) {
-		    // TODO maybe need call `insertionEffect` in another function
-		    beforeSyncUpdate();
-		    _list.listToFoot(function invokeUnmountPendingAndInsertionEffectList(_fiber) {
-		        if (myreactSharedExports.exclude(_fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
-		            defaultInvokeUnmountList(_dispatch, _fiber);
-		        }
-		    });
-		    _list.listToFoot(function invokeUnmountPendingAndInsertionEffectList(_fiber) {
-		        if (myreactSharedExports.exclude(_fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
-		            insertionEffect(_dispatch, _fiber);
-		        }
-		    });
-		    afterSyncUpdate();
-		    _list.listToFoot(function invokeCreateAndUpdateList(_fiber) {
-		        if (myreactSharedExports.exclude(_fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
-		            safeCallWithCurrentFiber({
-		                fiber: _fiber,
-		                action: function safeCallCreateAndUpdate() {
-		                    _dispatch.commitCreate(_fiber);
-		                    _dispatch.commitUpdate(_fiber);
-		                },
-		            });
-		        }
-		    });
-		    _list.listToHead(function invokePositionList(_fiber) {
-		        if (myreactSharedExports.exclude(_fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
-		            safeCallWithCurrentFiber({
-		                fiber: _fiber,
-		                action: function safeCallPosition() {
-		                    _dispatch.commitPosition(_fiber);
-		                },
-		            });
-		        }
-		    });
-		    _list.listToFoot(function invokeAppendList(_fiber) {
-		        if (myreactSharedExports.exclude(_fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
-		            safeCallWithCurrentFiber({
-		                fiber: _fiber,
-		                action: function safeCallAppendList() {
-		                    _dispatch.commitAppend(_fiber);
-		                },
-		            });
-		        }
-		    });
-		    _list.listToFoot(function invokeSetRefList(_fiber) {
-		        if (myreactSharedExports.exclude(_fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
-		            safeCallWithCurrentFiber({
-		                fiber: _fiber,
-		                action: function safeCallSetRefList() {
-		                    _dispatch.commitSetRef(_fiber);
-		                },
-		            });
-		        }
-		    });
-		    beforeSyncUpdate();
-		    _list.listToFoot(function invokeLayoutEffectList(_fiber) {
-		        if (myreactSharedExports.exclude(_fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
-		            layoutEffect(_dispatch, _fiber);
-		        }
-		    });
-		    afterSyncUpdate();
-		    function invokeEffectListTask() {
-		        enableScopeTreeLog$1.current && setLogScope();
-		        _list.listToFoot(function invokeEffectList(_fiber) {
-		            if (myreactSharedExports.exclude(_fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
-		                effect(_dispatch, _fiber);
-		            }
-		        });
-		        enableScopeTreeLog$1.current && resetLogScope();
-		    }
-		    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;
-		var currentScheduler = react.__my_react_internal__.currentScheduler;
-		var loadPromise = function (renderDispatch, promise) { return __awaiter(void 0, void 0, void 0, function () {
-		    var value, reason_1;
-		    return __generator(this, function (_a) {
-		        switch (_a.label) {
-		            case 0:
-		                if (promise.status === "fulfilled" || promise.status === "rejected")
-		                    return [2 /*return*/];
-		                _a.label = 1;
-		            case 1:
-		                _a.trys.push([1, 3, , 4]);
-		                promise.status = "pending";
-		                return [4 /*yield*/, Promise.resolve(promise)];
-		            case 2:
-		                value = _a.sent();
-		                promise.status = "fulfilled";
-		                promise._value = value;
-		                return [3 /*break*/, 4];
-		            case 3:
-		                reason_1 = _a.sent();
-		                promise.status = "rejected";
-		                promise._reason = reason_1;
-		                return [3 /*break*/, 4];
-		            case 4: return [2 /*return*/];
-		        }
-		    });
-		}); };
-		var processPromise = function (renderDispatch, fiber, promise) {
-		    var _a, _b;
-		    defaultDeleteCurrentEffect(renderDispatch, fiber);
-		    if (promise.status === "rejected") {
-		        (_b = (_a = currentScheduler.current).dispatchError) === null || _b === void 0 ? void 0 : _b.call(_a, { fiber: fiber, error: promise._reason });
-		        return null;
-		    }
-		    if (promise.status === "fulfilled") {
-		        {
-		            console.warn("[@my-react/react] throw a promise what has already fulfilled, this is not a valid usage");
-		        }
+		    else if (myreactSharedExports.include(fiber.type, exports.NODE_TYPE.__lazy__)) {
+		        nextWorkLazy(renderDispatch, fiber);
 		    }
-		    promise._list = promise._list || new Set();
-		    promise._list.add(fiber);
-		    var suspenseFiber = renderDispatch.resolveSuspenseFiber(fiber);
-		    if (suspenseFiber) {
-		        var suspenseField = getInstanceFieldByInstance(suspenseFiber.instance);
-		        suspenseField.asyncLoadList.uniPush(promise);
-		        renderDispatch.pendingSuspenseFiberArray.uniPush(suspenseFiber);
-		        return null;
+		    else if (myreactSharedExports.include(fiber.type, exports.NODE_TYPE.__suspense__)) {
+		        nextWorkSuspense(renderDispatch, fiber);
 		    }
-		    else {
-		        // TODO update flow
-		        if (enableSuspenseRoot.current && !renderDispatch.isAppMounted) {
-		            var suspenseField = getInstanceFieldByInstance(renderDispatch);
-		            suspenseField.asyncLoadList.uniPush(promise);
-		            return null;
-		        }
-		        devWarnWithFiber(fiber, "[@my-react/react] promise must be used inside a Suspense component, otherwise it will not work as expected");
-		        if (promise._loading)
-		            return null;
-		        promise._loading = true;
-		        promise.status = "pending";
-		        var renderScheduler_1 = 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_1.dispatchState(updater);
-		        })
-		            .catch(function (e) { return renderScheduler_1.dispatchError({ fiber: fiber, error: e }); });
-		        return null;
+		    else if (myreactSharedExports.include(fiber.type, exports.NODE_TYPE.__consumer__)) {
+		        nextWorkConsumer(renderDispatch, fiber);
 		    }
-		};
-		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;
+		    else if (myreactSharedExports.include(fiber.type, exports.NODE_TYPE.__provider__ | exports.NODE_TYPE.__context__)) {
+		        nextWorkProvider(renderDispatch, fiber);
 		    }
-		    if (promise.status === "fulfilled") {
-		        {
-		            console.warn("[@my-react/react] throw a promise what has already fulfilled, this is not a valid usage");
-		        }
+		    else if (myreactSharedExports.include(fiber.type, exports.NODE_TYPE.__activity__)) {
+		        nextWorkActivity(renderDispatch, fiber);
+		    }
+		    else {
+		        nextWorkNormal(renderDispatch, fiber);
 		    }
-		    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) {
@@ -6675,7 +7035,7 @@ function requireIndex_development_1 () {
 		        _this.isAppMounted = false;
 		        _this.isAppCrashed = false;
 		        _this.isAppUnmounted = false;
-		        _this.version = "0.3.18";
+		        _this.version = "0.3.20";
 		        _this.mode = "development" ;
 		        _this.renderMode = "render";
 		        _this.pendingCommitFiberList = null;
@@ -6819,29 +7179,29 @@ function requireIndex_development_1 () {
 		            (_a = instance.beforeCommit) === null || _a === void 0 ? void 0 : _a.call(instance);
 		        });
 		        safeCall(function safeCallBeforeCommitListener() {
-		            listenerMap.get(instance).beforeCommitMount.forEach(function (cb) { return cb(); });
+		            instance.callOnBeforeCommitMount(instance);
 		        });
 		        defaultDispatchMount(this, _fiber);
 		        safeCall(function safeCallAfterCommitListener() {
-		            listenerMap.get(instance).afterCommitMount.forEach(function (cb) { return cb(); });
+		            instance.callOnAfterCommitMount(instance);
 		        });
 		        safeCall(function safeCallAfterCommit() {
 		            var _a;
 		            (_a = instance.afterCommit) === null || _a === void 0 ? void 0 : _a.call(instance);
 		        });
 		    };
-		    CustomRenderDispatch.prototype.reconcileUpdate = function (_list) {
+		    CustomRenderDispatch.prototype.reconcileUpdate = function (_list, sync) {
 		        var instance = this;
 		        safeCall(function safeCallBeforeUpdate() {
 		            var _a;
 		            (_a = instance.beforeUpdate) === null || _a === void 0 ? void 0 : _a.call(instance);
 		        });
 		        safeCall(function safeCallBeforeUpdateListener() {
-		            listenerMap.get(instance).beforeCommitUpdate.forEach(function (cb) { return cb(); });
+		            instance.callOnBeforeCommitUpdate(instance);
 		        });
-		        defaultDispatchUpdate(this, _list);
+		        defaultDispatchUpdate(this, _list, sync);
 		        safeCall(function safeCallAfterUpdateListener() {
-		            listenerMap.get(instance).afterCommitUpdate.forEach(function (cb) { return cb(); });
+		            instance.callOnAfterCommitUpdate(instance);
 		        });
 		        safeCall(function safeCallAfterUpdate() {
 		            var _a;
@@ -6855,11 +7215,11 @@ function requireIndex_development_1 () {
 		            (_a = instance.beforeUnmount) === null || _a === void 0 ? void 0 : _a.call(instance);
 		        });
 		        safeCall(function safeCallBeforeUnmountListener() {
-		            listenerMap.get(instance).beforeCommitUnmount.forEach(function (cb) { return cb(); });
+		            instance.callOnBeforeCommitUnmount(instance);
 		        });
 		        defaultDispatchUnmount(this);
 		        safeCall(function safeCallAfterUnmountListener() {
-		            listenerMap.get(instance).afterCommitUnmount.forEach(function (cb) { return cb(); });
+		            instance.callOnAfterCommitUnmount(instance);
 		        });
 		        safeCall(function safeCallAfterUnmount() {
 		            var _a;
@@ -6889,162 +7249,6 @@ function requireIndex_development_1 () {
 		    return CustomRenderDispatch;
 		}(RenderDispatchEvent));
 
-		var enableDebugFiled = react.__my_react_shared__.enableDebugFiled;
-		var currentRunningFiber = react.__my_react_internal__.currentRunningFiber, MyReactInternalInstance = react.__my_react_internal__.MyReactInternalInstance;
-		var defaultGetContextValue = function (fiber, ContextObject) {
-		    var _a;
-		    if (fiber) {
-		        return fiber.pendingProps["value"];
-		    }
-		    else {
-		        return (_a = ContextObject === null || ContextObject === void 0 ? void 0 : ContextObject.Provider) === null || _a === void 0 ? void 0 : _a["value"];
-		    }
-		};
-		var defaultGetContextFiber = function (fiber, ContextObject) {
-		    if ((fiber === null || fiber === void 0 ? void 0 : fiber.parent) && ContextObject) {
-		        var parent_1 = fiber.parent;
-		        while (parent_1) {
-		            if (myreactSharedExports.include(parent_1.type, exports.NODE_TYPE.__provider__)) {
-		                var typedElementType = parent_1.elementType;
-		                var contextObj = typedElementType["Context"];
-		                if (contextObj === ContextObject) {
-		                    return parent_1;
-		                }
-		            }
-		            if (myreactSharedExports.include(parent_1.type, exports.NODE_TYPE.__context__)) {
-		                var typedElementType = parent_1.elementType;
-		                var contextObj = typedElementType;
-		                if (contextObj === ContextObject) {
-		                    return parent_1;
-		                }
-		            }
-		            parent_1 = parent_1.parent;
-		        }
-		    }
-		    else {
-		        return null;
-		    }
-		};
-		var defaultReadContext = function (Context) {
-		    var fiber = currentRunningFiber.current;
-		    if (!Context) {
-		        throw new Error("the Context what you read is not exist");
-		    }
-		    if (!fiber) {
-		        throw new Error('current environment is not support "readContext"');
-		    }
-		    var isUpdate = !!fiber.instance;
-		    fiber.instance = fiber.instance || new MyReactInternalInstance();
-		    !isUpdate && initInstance(fiber.instance);
-		    !isUpdate && setOwnerForInstance(fiber.instance, fiber);
-		    var contextFiber = defaultGetContextFiber(fiber, Context);
-		    setSubscribeForInstance(fiber.instance, contextFiber);
-		    return defaultGetContextValue(contextFiber, Context);
-		};
-		var prepareUpdateAllDependence = function (renderDispatch, fiber, beforeValue, afterValue) {
-		    var consumerList = new Set((fiber === null || fiber === void 0 ? void 0 : fiber.dependence) || []);
-		    consumerList.forEach(function prepareUpdateSingleConsumer(i) {
-		        var owner = getInstanceOwnerFiber(i);
-		        if (owner && myreactSharedExports.exclude(owner.state, myreactSharedExports.STATE_TYPE.__unmount__)) {
-		            var typedFiber_1 = owner;
-		            typedFiber_1.state = myreactSharedExports.STATE_TYPE.__triggerSyncForce__;
-		        }
-		    });
-		    var typedFiber = fiber;
-		    var processedNodes = [];
-		    var updater = {
-		        type: myreactSharedExports.UpdateQueueType.context,
-		        trigger: fiber,
-		        payLoad: afterValue,
-		        isSync: true,
-		        isForce: true,
-		        isImmediate: true,
-		        isRetrigger: true,
-		    };
-		    if (enableDebugFiled.current) {
-		        var now = Date.now();
-		        updater._debugBeforeValue = beforeValue;
-		        updater._debugAfterValue = afterValue;
-		        updater._debugCreateTime = now;
-		        updater._debugRunTime = now;
-		        updater._debugType = myreactSharedExports.UpdateQueueType[myreactSharedExports.UpdateQueueType.context];
-		        if (enableDebugUpdateQueue.current) {
-		            typedFiber._debugUpdateQueue = typedFiber._debugUpdateQueue || new myreactSharedExports.ListTree();
-		            typedFiber._debugUpdateQueue.push(updater);
-		        }
-		    }
-		    processedNodes.push(updater);
-		    var updateState = {
-		        needUpdate: true,
-		        nodes: processedNodes,
-		        isSync: true,
-		        isForce: true,
-		        isImmediate: true,
-		        isRetrigger: true,
-		    };
-		    safeCallWithCurrentFiber({
-		        fiber: fiber,
-		        action: function safeCallFiberTriggerListener() {
-		            var _a, _b;
-		            (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberTrigger) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(fiber, updateState); });
-		        },
-		    });
-		};
-
-		var currentComponentFiber = react.__my_react_internal__.currentComponentFiber, currentHookNodeIndex = react.__my_react_internal__.currentHookNodeIndex;
-		var resolveHookValue = function (hookNode, field) {
-		    if (hookNode) {
-		        switch (hookNode.type) {
-		            case myreactSharedExports.HOOK_TYPE.useState:
-		            case myreactSharedExports.HOOK_TYPE.useReducer:
-		                return [hookNode.result, field.dispatch];
-		            case myreactSharedExports.HOOK_TYPE.useId:
-		            case myreactSharedExports.HOOK_TYPE.useRef:
-		            case myreactSharedExports.HOOK_TYPE.useMemo:
-		            case myreactSharedExports.HOOK_TYPE.useContext:
-		            case myreactSharedExports.HOOK_TYPE.useCallback:
-		            case myreactSharedExports.HOOK_TYPE.useDeferredValue:
-		            case myreactSharedExports.HOOK_TYPE.useSyncExternalStore:
-		                return hookNode.result;
-		            case myreactSharedExports.HOOK_TYPE.useOptimistic:
-		            case myreactSharedExports.HOOK_TYPE.useTransition:
-		                return [hookNode.result.value, hookNode.result.start];
-		            case myreactSharedExports.HOOK_TYPE.useSignal:
-		                return [hookNode.result.getValue, hookNode.result.setValue];
-		        }
-		    }
-		};
-		var processHook = function (renderDispatch, _a) {
-		    var type = _a.type, reducer = _a.reducer, value = _a.value, deps = _a.deps;
-		    var fiber = currentComponentFiber.current;
-		    if (!fiber)
-		        throw new Error("[@my-react/react] can not use hook outside of component");
-		    if (!renderDispatch)
-		        throw new Error("[@my-react/react] internal error, can not get 'renderDispatch' for current render");
-		    fiber.hookList = fiber.hookList || new myreactSharedExports.ListTree();
-		    var currentHook = null;
-		    // initial
-		    if (myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__create__ | myreactSharedExports.STATE_TYPE.__recreate__)) {
-		        currentHook = createHookNode(renderDispatch, { type: type, reducer: reducer, value: value, deps: deps }, fiber);
-		        safeCall(function safeCallHookInitialListener() {
-		            var _a, _b;
-		            (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.hookInitial) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(currentHook, fiber); });
-		        });
-		    }
-		    else {
-		        // update
-		        currentHook = updateHookNode(renderDispatch, { type: type, reducer: reducer, value: value, deps: deps }, fiber, Boolean(myreactSharedExports.include(fiber.state, myreactSharedExports.STATE_TYPE.__hmr__)));
-		        safeCall(function safeCallHookUpdateListener() {
-		            var _a, _b;
-		            (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.hookUpdate) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(currentHook, fiber); });
-		        });
-		    }
-		    currentHookNodeIndex.current++;
-		    var field = getInstanceFieldByInstance(currentHook);
-		    effectHookNode(renderDispatch, fiber, currentHook, field);
-		    return resolveHookValue(currentHook, field);
-		};
-
 		var globalLoop = react.__my_react_internal__.globalLoop;
 		var enableScopeTreeLog = react.__my_react_shared__.enableScopeTreeLog;
 		function finishMountSync(renderDispatch, fiber) {
@@ -7059,21 +7263,23 @@ function requireIndex_development_1 () {
 		        safeCallWithCurrentFiber({
 		            fiber: fiber,
 		            action: function safeCallFiberHasChangeListener() {
-		                var _a, _b;
-		                (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberHasChange) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(changedList); });
+		                renderDispatch.callOnFiberChange(changedList);
 		            },
 		        });
 		}
 		var mountSync = function (renderDispatch, fiber) {
-		    var _a, _b, _c;
-		    ((_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.beforeDispatchRender) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(renderDispatch); }));
+		    safeCall(function safeCallBeforeDispatchRender() {
+		            renderDispatch.callOnBeforeDispatchRender(renderDispatch, fiber);
+		        });
 		    globalLoop.current = true;
 		    enableScopeTreeLog.current && setLogScope();
 		    mountLoopAll(renderDispatch, fiber);
 		    processAsyncLoadListOnSyncMount(renderDispatch);
 		    enableScopeTreeLog.current && resetLogScope();
 		    finishMountSync(renderDispatch, fiber);
-		    ((_c = listenerMap.get(renderDispatch)) === null || _c === void 0 ? void 0 : _c.afterDispatchRender.forEach(function (cb) { return cb(renderDispatch); }));
+		    safeCall(function safeCallAfterDispatchRender() {
+		            renderDispatch.callOnAfterDispatchRender(renderDispatch);
+		        });
 		    globalLoop.current = false;
 		};
 		function finishMountAsync(renderDispatch, fiber) {
@@ -7088,33 +7294,35 @@ function requireIndex_development_1 () {
 		        safeCallWithCurrentFiber({
 		            fiber: fiber,
 		            action: function safeCallFiberHasChangeListener() {
-		                var _a, _b;
-		                (_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.fiberHasChange) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(changedList); });
+		                renderDispatch.callOnFiberChange(changedList);
 		            },
 		        });
 		}
 		var mountAsync = function (renderDispatch, fiber) { return __awaiter(void 0, void 0, void 0, function () {
-		    var _a, _b, _c;
-		    return __generator(this, function (_d) {
-		        switch (_d.label) {
+		    return __generator(this, function (_a) {
+		        switch (_a.label) {
 		            case 0:
-		                ((_b = (_a = listenerMap.get(renderDispatch)) === null || _a === void 0 ? void 0 : _a.beforeDispatchRender) === null || _b === void 0 ? void 0 : _b.forEach(function (cb) { return cb(renderDispatch); }));
+		                safeCall(function safeCallBeforeDispatchRender() {
+		                        renderDispatch.callOnBeforeDispatchRender(renderDispatch, fiber);
+		                    });
 		                globalLoop.current = true;
 		                enableScopeTreeLog.current && setLogScope();
 		                mountLoopAll(renderDispatch, fiber);
 		                return [4 /*yield*/, processAsyncLoadListOnAsyncMount(renderDispatch)];
 		            case 1:
-		                _d.sent();
+		                _a.sent();
 		                enableScopeTreeLog.current && resetLogScope();
 		                finishMountAsync(renderDispatch, fiber);
-		                ((_c = listenerMap.get(renderDispatch)) === null || _c === void 0 ? void 0 : _c.afterDispatchRender.forEach(function (cb) { return cb(renderDispatch); }));
+		                safeCall(function safeCallAfterDispatchRender() {
+		                        renderDispatch.callOnAfterDispatchRender(renderDispatch);
+		                    });
 		                globalLoop.current = false;
 		                return [2 /*return*/];
 		        }
 		    });
 		}); };
 
-		var version = "0.3.18";
+		var version = "0.3.20";
 
 		exports.CustomRenderDispatch = CustomRenderDispatch;
 		exports.MyReactFiberNode = MyReactFiberNode;
@@ -7216,7 +7424,6 @@ function requireIndex_development_1 () {
 		exports.isErrorBoundariesComponent = isErrorBoundariesComponent;
 		exports.isErrorBoundariesInstance = isErrorBoundariesInstance;
 		exports.layoutEffect = layoutEffect;
-		exports.listenerMap = listenerMap;
 		exports.loadLazy = loadLazy;
 		exports.loadPromise = loadPromise;
 		exports.mountAsync = mountAsync;
@@ -7225,6 +7432,7 @@ function requireIndex_development_1 () {
 		exports.mountLoopAllFromScheduler = mountLoopAllFromScheduler;
 		exports.mountSync = mountSync;
 		exports.mountToNextFiberFromRoot = mountToNextFiberFromRoot;
+		exports.nextWorkActivity = nextWorkActivity;
 		exports.nextWorkClassComponent = nextWorkClassComponent;
 		exports.nextWorkCommon = nextWorkCommon;
 		exports.nextWorkComponent = nextWorkComponent;
@@ -7412,6 +7620,7 @@ function requireIndex_development () {
 		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) {
@@ -7511,6 +7720,7 @@ function requireIndex_development () {
 		    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;
@@ -7933,6 +8143,7 @@ function requireIndex_development () {
 		    });
 		}
 
+		exports.Activity = Activity;
 		exports.Comment = Comment;
 		exports.Consumer = Consumer;
 		exports.Context = Context;
@@ -8028,19 +8239,18 @@ var delGlobalDispatch = function (dispatch) {
 var setRef = function (_fiber, config) {
     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;
+            // 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,
@@ -8498,6 +8708,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);
     }
@@ -8580,7 +8793,7 @@ var ReconcilerDispatchMount = function (_dispatch, _fiber, config) {
 
 var currentScheduler$1 = require$$0.__my_react_internal__.currentScheduler;
 var enableScopeTreeLog$2 = require$$0.__my_react_shared__.enableScopeTreeLog;
-var ReconcilerDispatchUpdate = function (_dispatch, _list, config) {
+var ReconcilerDispatchUpdate = function (_dispatch, _list, config, sync) {
     myreactReconcilerExports.beforeSyncUpdate();
     _list.listToFoot(function invokeUnmountPendingAndInsertionEffectList(_fiber) {
         if (myreactSharedExports.exclude(_fiber.state, myreactSharedExports.STATE_TYPE.__unmount__) && !_dispatch.isAppUnmounted) {
@@ -8682,7 +8895,7 @@ var ReconcilerDispatchUpdate = function (_dispatch, _list, config) {
     }
     myreactReconcilerExports.addEffectCallback(invokeEffectListTask);
     var renderScheduler = currentScheduler$1.current;
-    if (_dispatch.enableConcurrentMode) {
+    if (_dispatch.enableConcurrentMode && !sync) {
         renderScheduler.macroTask(function flushEffect() {
             myreactReconcilerExports.flushEffectCallback();
         });
@@ -8749,11 +8962,11 @@ var createDispatch = function (rootNode, rootFiber, rootElement, config, flag) {
                 (_a = instance.beforeCommit) === null || _a === void 0 ? void 0 : _a.call(instance);
             });
             myreactReconcilerExports.safeCall(function safeCallBeforeCommitListener() {
-                myreactReconcilerExports.listenerMap.get(instance).beforeCommitMount.forEach(function (cb) { return cb(); });
+                instance.callOnBeforeCommitMount(instance);
             });
             ReconcilerDispatchMount(this, _fiber, config);
             myreactReconcilerExports.safeCall(function safeCallAfterCommitListener() {
-                myreactReconcilerExports.listenerMap.get(instance).afterCommitMount.forEach(function (cb) { return cb(); });
+                instance.callOnAfterCommitMount(instance);
             });
             myreactReconcilerExports.safeCall(function safeCallAfterCommit() {
                 var _a;
@@ -8761,7 +8974,7 @@ var createDispatch = function (rootNode, rootFiber, rootElement, config, flag) {
             });
             (_b = config.resetAfterCommit) === null || _b === void 0 ? void 0 : _b.call(config, rootNode);
         };
-        ReconcilerDispatch.prototype.reconcileUpdate = function (_list) {
+        ReconcilerDispatch.prototype.reconcileUpdate = function (_list, sync) {
             var _a, _b;
             (_a = config.prepareForCommit) === null || _a === void 0 ? void 0 : _a.call(config, rootNode);
             var instance = this;
@@ -8770,11 +8983,11 @@ var createDispatch = function (rootNode, rootFiber, rootElement, config, flag) {
                 (_a = instance.beforeUpdate) === null || _a === void 0 ? void 0 : _a.call(instance);
             });
             myreactReconcilerExports.safeCall(function safeCallBeforeUpdateListener() {
-                myreactReconcilerExports.listenerMap.get(instance).beforeCommitUpdate.forEach(function (cb) { return cb(); });
+                instance.callOnBeforeCommitUpdate(instance);
             });
-            ReconcilerDispatchUpdate(this, _list, config);
+            ReconcilerDispatchUpdate(this, _list, config, sync);
             myreactReconcilerExports.safeCall(function safeCallAfterUpdateListener() {
-                myreactReconcilerExports.listenerMap.get(instance).afterCommitUpdate.forEach(function (cb) { return cb(); });
+                instance.callOnAfterCommitUpdate(instance);
             });
             myreactReconcilerExports.safeCall(function safeCallAfterUpdate() {
                 var _a;
@@ -8921,7 +9134,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();
@@ -9031,7 +9244,7 @@ var Reconciler = function (_config) {
     };
 };
 
-var version = "0.0.9";
+var version = "0.0.11";
 var createReconciler = Reconciler;
 
 exports.createReconciler = createReconciler;