[지라이슈없음] getErrorMessage errorCode가 null일 경우 노출 안 되도록 처리

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

@@ -448,11 +448,34 @@ export default function TabLayout({ topPanelName, onTabActivated, panelInfo }) {
     }
   }, [showSubTab]);
 
-  const spotToPanel = useCallback(() => {
+  const spotToPanelJob = useRef(
+    new Job(() => {
       const node = document.querySelector(`[id="${SpotlightIds.TPANEL}"]`);
+
       if (node) {
         Spotlight.focus(node);
       }
+    })
+  );
+
+  const spotToPanel = useCallback((delayed = false) => {
+    const node = document.querySelector(`[id="${SpotlightIds.TPANEL}"]`);
+
+    if (node) {
+      if (delayed) {
+        spotToPanelJob.current.start(() => {
+          Spotlight.focus(node);
+        });
+      } else {
+        Spotlight.focus(node);
+      }
+    }
+  }, []);
+
+  useEffect(() => {
+    return () => {
+      spotToPanelJob.current.stop();
+    };
   }, []);
 
   const handleNavigation = useCallback(
@@ -481,7 +504,7 @@ export default function TabLayout({ topPanelName, onTabActivated, panelInfo }) {
       // 홈패널일 경우
       if (target && target[0]?.name === panel_names.HOME_PANEL) {
         deActivateTab();
-        spotToPanel();
+        spotToPanel(true);
         dispatch(resetPanels());
         dispatch(checkEnterThroughGNB(true));
         dispatch(resetHomeInfo());

com.twin.app.shoptime/src/utils/helperMethods.js

@@ -547,9 +547,11 @@ export const getErrorMessage = (errorCode, retMsg, retDetailCode) => {
     group.codes.includes(Number(errorCode))
   );
 
-  const errorPrefix = retDetailCode
+  const errorPrefix = errorCode
+    ? retDetailCode
       ? `[${errorCode}-${retDetailCode}] `
-    : `[${errorCode}] `;
+      : `[${errorCode}] `
+    : "";
 
   if (group) {
     return errorPrefix + group.message;