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

package/dist/cjs/index.development.js

@@ -1016,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));
 		        },
 		    });
 		};
@@ -1034,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));
 		        },
 		    });
 		};
@@ -2043,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);
 		                },
 		            });
 		        }
@@ -2097,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);
 		                },
 		            });
 		        }
@@ -2368,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);
 		        },
 		    });
 		};
@@ -2576,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);
@@ -2595,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);
@@ -2879,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({
@@ -3639,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;
@@ -3681,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();
@@ -3725,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();
@@ -3962,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();
@@ -3973,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);
 		        }
@@ -4037,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) {
@@ -4067,7 +4051,6 @@ function requireIndex_development_1 () {
 		    });
 		};
 		function finishUpdateConcurrentFromRoot(renderDispatch) {
-		    var _a, _b;
 		    var commitList = renderDispatch.pendingCommitFiberList;
 		    var changedList = renderDispatch.pendingChangedFiberList;
 		    renderDispatch.resetUpdateFlowRuntimeFiber();
@@ -4076,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) {
@@ -4696,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({
@@ -4754,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;
@@ -4812,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 ?
@@ -4985,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__)) {
@@ -5065,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__)) {
@@ -5104,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);
@@ -5518,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;
@@ -5632,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)) {
@@ -5709,7 +5709,7 @@ function requireIndex_development_1 () {
 		};
 		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);
@@ -5728,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);
@@ -5746,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);
 		            },
 		        });
 		    }
@@ -5778,150 +5776,585 @@ 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.");
-		    };
-		    RenderDispatchEvent.prototype.dispatchSuspensePromise = 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.trigger = function (_fiber, _state, cb) {
-		        return triggerUpdateOnFiber(_fiber, _state, cb);
+		    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,
 		    };
-		    RenderDispatchEvent.prototype.generateCommitList = function (_fiber) { };
-		    RenderDispatchEvent.prototype.pendingCreate = function (_fiber) { };
-		    RenderDispatchEvent.prototype.pendingUpdate = function (_fiber) { };
-		    RenderDispatchEvent.prototype.pendingAppend = function (_fiber) { };
-		    RenderDispatchEvent.prototype.pendingPosition = function (_fiber) { };
-		    RenderDispatchEvent.prototype.pendingRef = function (_fiber) { };
-		    RenderDispatchEvent.prototype.pendingUnmount = function (_fiber, _pendingUnmount) { };
-		    RenderDispatchEvent.prototype.pendingEffect = function (_fiber, _effect, _option) { };
-		    RenderDispatchEvent.prototype.pendingLayoutEffect = function (_fiber, _layoutEffect, _option) { };
-		    RenderDispatchEvent.prototype.pendingInsertionEffect = function (_fiber, _insertionEffect, _option) { };
-		    RenderDispatchEvent.prototype.dispatchFiber = function (_fiber) { };
-		    RenderDispatchEvent.prototype.processLazy = function (_elementType) {
+		    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);
+		    };
+		    RenderDispatchEvent.prototype.generateCommitList = function (_fiber) { };
+		    RenderDispatchEvent.prototype.pendingCreate = function (_fiber) { };
+		    RenderDispatchEvent.prototype.pendingUpdate = function (_fiber) { };
+		    RenderDispatchEvent.prototype.pendingAppend = function (_fiber) { };
+		    RenderDispatchEvent.prototype.pendingPosition = function (_fiber) { };
+		    RenderDispatchEvent.prototype.pendingRef = function (_fiber) { };
+		    RenderDispatchEvent.prototype.pendingUnmount = function (_fiber, _pendingUnmount) { };
+		    RenderDispatchEvent.prototype.pendingEffect = function (_fiber, _effect, _option) { };
+		    RenderDispatchEvent.prototype.pendingLayoutEffect = function (_fiber, _layoutEffect, _option) { };
+		    RenderDispatchEvent.prototype.pendingInsertionEffect = function (_fiber, _insertionEffect, _option) { };
+		    RenderDispatchEvent.prototype.dispatchFiber = function (_fiber) { };
+		    RenderDispatchEvent.prototype.processLazy = function (_elementType) {
 		        return Promise.resolve();
 		    };
 		    RenderDispatchEvent.prototype.processPromise = function (_promise) {
@@ -5976,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);
@@ -5994,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;
@@ -6015,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);
@@ -6028,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);
@@ -6041,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;
@@ -6057,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;
@@ -6073,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;
@@ -6089,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;
@@ -6098,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;
@@ -6121,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;
@@ -6137,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;
@@ -6153,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;
@@ -6162,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);
@@ -6169,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;
@@ -6185,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);
@@ -6198,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);
@@ -6211,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);
@@ -6224,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);
@@ -6237,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);
@@ -6244,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);
@@ -6257,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);
@@ -6270,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);
@@ -6289,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);
@@ -6296,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);
@@ -6309,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);
@@ -6322,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);
@@ -6335,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);
@@ -6348,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);
@@ -6361,345 +6984,46 @@ 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));
 
 		var defaultDispatchFiber = function (renderDispatch, fiber) {
 		    if (myreactSharedExports.include(fiber.type, exports.NODE_TYPE.__root__)) {
 		        // TODO
-		        nextWorkRoot(renderDispatch, fiber);
-		    }
-		    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 if (myreactSharedExports.include(fiber.type, exports.NODE_TYPE.__activity__)) {
-		        nextWorkActivity(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;
+		        nextWorkRoot(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.__class__ | exports.NODE_TYPE.__function__)) {
+		        nextWorkComponent(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.__lazy__)) {
+		        nextWorkLazy(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.__suspense__)) {
+		        nextWorkSuspense(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.__consumer__)) {
+		        nextWorkConsumer(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.__provider__ | exports.NODE_TYPE.__context__)) {
+		        nextWorkProvider(renderDispatch, fiber);
+		    }
+		    else if (myreactSharedExports.include(fiber.type, exports.NODE_TYPE.__activity__)) {
+		        nextWorkActivity(renderDispatch, fiber);
+		    }
+		    else {
+		        nextWorkNormal(renderDispatch, fiber);
 		    }
-		    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) {
@@ -6711,7 +7035,7 @@ function requireIndex_development_1 () {
 		        _this.isAppMounted = false;
 		        _this.isAppCrashed = false;
 		        _this.isAppUnmounted = false;
-		        _this.version = "0.3.19";
+		        _this.version = "0.3.20";
 		        _this.mode = "development" ;
 		        _this.renderMode = "render";
 		        _this.pendingCommitFiberList = null;
@@ -6855,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;
@@ -6891,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;
@@ -6925,163 +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:
-		            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() {
-		            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) {
@@ -7096,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) {
@@ -7125,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.19";
+		var version = "0.3.20";
 
 		exports.CustomRenderDispatch = CustomRenderDispatch;
 		exports.MyReactFiberNode = MyReactFiberNode;
@@ -7253,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;
@@ -8623,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) {
@@ -8725,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();
         });
@@ -8792,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;
@@ -8804,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;
@@ -8813,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;
@@ -9074,7 +9244,7 @@ var Reconciler = function (_config) {
     };
 };
 
-var version = "0.0.10";
+var version = "0.0.11";
 var createReconciler = Reconciler;
 
 exports.createReconciler = createReconciler;