featuredBrand 최초 진입시 TabLayout으로 포커싱되는 문제 해결

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

@@ -57,7 +57,7 @@ const TabItemBase = ({
   const onKeyDown = useCallback(
     (event) => {
       if (event.key === "ArrowRight") {
-        onClick({ index, target });
+        _onClick();
       }
     },
     [deActivateTab, target]
@@ -65,19 +65,21 @@ const TabItemBase = ({
 
   const ImageComponent = useCallback(() => {
     return (
-      <div
-        className={classNames(
-          css.imageWrap,
-          focused && css.focused,
-          selected && css.selected,
-          focused && selected && css.selectedFocus
-        )}
-      >
-        <img src={path} alt="" />
-        <span className={classNames(css.outline)} />
-      </div>
+      <>
+        <div
+          className={classNames(
+            css.imageWrap,
+            focused && css.focused,
+            selected && css.selected,
+            focused && selected && css.selectedFocus
+          )}
+        >
+          <img src={path} alt="" />
+          <span className={classNames(css.outline)} />
+        </div>
+      </>
     );
-  }, [path, focused, selected]);
+  }, [path, focused]);
 
   const TextComponent = useCallback(() => {
     return (