[TabLayout] 매직마우스로 변경시 selected 되는 이슈 디버깅

com.twin.app.shoptime/src/components/TabLayout/TabLayout.jsx

@@ -466,15 +466,18 @@ export default function TabLayout({ topPanelName, onTabActivated, panelInfo }) {
 
   const handleNavigation = useCallback(
     ({ index, target }) => {
-      setMainSelectedIndex(index);
-      //같은패널로 클릭이벤트가 호출될때
+      // if (!cursorVisible) {
+      //   setMainSelectedIndex(index);
+      // }
 
+      //같은패널로 클릭이벤트가 호출될때
       if (
         Array.isArray(target) &&
         target[0]?.name &&
         panels[0]?.name &&
         panels[0]?.name === target[0]?.name
       ) {
+        setMainSelectedIndex(index);
         deActivateTab();
         setMainExpanded(false);
         Spotlight.focus(SpotlightIds.TPANEL);
@@ -492,6 +495,7 @@ export default function TabLayout({ topPanelName, onTabActivated, panelInfo }) {
             },
           })
         );
+        setMainSelectedIndex(index);
         dispatch(resetPanels());
         deActivateTab();
         Spotlight.focus(SpotlightIds.TPANEL);
@@ -518,6 +522,7 @@ export default function TabLayout({ topPanelName, onTabActivated, panelInfo }) {
       }
       //그 외 나머지
       if (target) {
+        setMainSelectedIndex(index);
         dispatch(resetPanels(target));
         deActivateTab();
         panelSwitching.current = true;