getNodeReactComponent 中的 WrappedComponent 导致节点Component生命周期缩短

[cfgxy]

XFlow/packages/xflow-core/src/command-contributions/components/context.tsx

Lines 22 to 55 in b7cdb99

	export function getNodeReactComponent(
	Component: React.ComponentType<NsGraph.IReactNodeProps>,
	commands: IGraphCommandService,
	modelService: IModelService,
	) {
	return function (x6Node: X6Node) {
	/* eslint-disable-next-line */
	const x6Graph: X6Graph = this
	const nodeData = x6Node?.getData<any>()
	const size = x6Node?.getSize()
	const position = x6Node?.getPosition()
	const WrappedComponent: React.FC = () => {
	return (
	<AppContext.Provider
	value={{
	cell: x6Node,
	x6Graph,
	commands,
	modelService,
	}}
	>
	{React.createElement<NsGraph.IReactNodeProps>(Component, {
	cell: x6Node,
	data: nodeData,
	size,
	position,
	} as any)}
	</AppContext.Provider>
	)
	}
	return <WrappedComponent />
	}
	}

这段代码中用匿名函数 WrappedComponent 包裹AppContext.Provider的用意是什么？
因为每次运行component的function，WrappedComponent都会指向一个新的匿名函数，也就意味着最终返回的 每次都是一个不同的Component，这导致节点在每次重绘（移动位置/连线/断开连线）时都会发生 unmount/mount；
这使得节点Component的生命周期非常短暂，在节点渲染组件中使用 React.useMemo / React.useCallback 等定义的带缓存能力的变量被重复计算。

设计如此？