update small

src/ui/Duel/PlayMat/Menu/index.tsx

@@ -63,6 +63,9 @@ export const Menu = () => {
   const { enableBp, enableM2, enableEp, currentPhase } = useSnapshot(store);
   const { currentPlayer, chainSetting } = useSnapshot(matStore);
   const [phaseBind, setPhaseBind] = useState(initialPhaseBind);
+  const [phaseSwitchItems, setPhaseSwitchItems] = useState<MenuProps["items"]>(
+    [],
+  );
 
   useEffect(() => {
     const endResponse = [
@@ -94,20 +97,24 @@ export const Menu = () => {
     });
   }, [enableBp, enableM2, enableEp, currentPhase]);
 
-  const phaseSwitchItems: MenuProps["items"] = phaseBind
-    .filter(([, , , show]) => show)
-    .map(([phase, label, response, _, disabled], key) => ({
-      key,
-      label,
-      disabled: disabled,
-      onClick: () => {
-        if (response === 2) sendSelectIdleCmdResponse(response);
-        else sendSelectBattleCmdResponse(response);
-        clearAllIdleInteractivities();
-      },
-      icon: disabled ? <CheckOutlined /> : <ArrowRightOutlined />,
-      danger: phase === PhaseType.END,
-    }));
+  useEffect(() => {
+    const newPhaseSwitchItems = phaseBind
+      .filter(([, , , show]) => show)
+      .map(([phase, label, response, _, disabled], key) => ({
+        key,
+        label,
+        disabled: disabled,
+        onClick: () => {
+          if (response === 2) sendSelectIdleCmdResponse(response);
+          else sendSelectBattleCmdResponse(response);
+          clearAllIdleInteractivities();
+        },
+        icon: disabled ? <CheckOutlined /> : <ArrowRightOutlined />,
+        danger: phase === PhaseType.END,
+      }));
+
+    setPhaseSwitchItems(newPhaseSwitchItems);
+  }, [phaseBind]);
 
   const chainSettingTexts = [
     [ChainSetting.CHAIN_ALL, "全部连锁"],