From 5f2e0d63474c843b285ad586b98d88f4bc94fe60 Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Thu, 27 Nov 2025 17:12:00 +0800
Subject: [PATCH] pref: reduce next step components reRender (#28783)

---
 .../nodes/_base/components/workflow-panel/index.tsx         | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/web/app/components/workflow/nodes/_base/components/workflow-panel/index.tsx b/web/app/components/workflow/nodes/_base/components/workflow-panel/index.tsx
index 0d3aebd06d..bcc108daa7 100644
--- a/web/app/components/workflow/nodes/_base/components/workflow-panel/index.tsx
+++ b/web/app/components/workflow/nodes/_base/components/workflow-panel/index.tsx
@@ -365,6 +365,10 @@ const BasePanel: FC<BasePanelProps> = ({
     return !pluginDetail ? null : <ReadmeEntrance pluginDetail={pluginDetail as any} className='mt-auto' />
   }, [data.type, currToolCollection, currentDataSource, currentTriggerPlugin])
 
+  const selectedNode = useMemo(() => ({
+    id,
+    data,
+  }) as Node, [id, data])
   if (logParams.showSpecialResultPanel) {
     return (
       <div className={cn(
@@ -628,7 +632,7 @@ const BasePanel: FC<BasePanelProps> = ({
                   <div className='system-xs-regular mb-2 text-text-tertiary'>
                     {t('workflow.panel.addNextStep')}
                   </div>
-                  <NextStep selectedNode={{ id, data } as Node} />
+                  <NextStep selectedNode={selectedNode} />
                 </div>
               )
             }