[DetailPanel] 그룹상품일때 groupInfos가 있을때 랜더링 하도록 수정

com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.jsx

@@ -10,7 +10,10 @@ import {
 import { getMainCategoryDetail } from "../../actions/mainActions";
 import { popPanel } from "../../actions/panelActions";
 import { finishVideoPreview } from "../../actions/playActions";
-import { clearProductDetail } from "../../actions/productActions";
+import {
+  clearProductDetail,
+  getProductGroup,
+} from "../../actions/productActions";
 import TBody from "../../components/TBody/TBody";
 import THeader from "../../components/THeader/THeader";
 import TPanel from "../../components/TPanel/TPanel";
@@ -35,7 +38,7 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
     (state) => state.home.themeCurationHotelDetailData
   );
   const { httpHeader } = useSelector((state) => state.common);
-
+  const groupInfos = useSelector((state) => state.product.groupInfo);
   const dispatch = useDispatch();
 
   const { prdtId, patnrId, curationId, type, bgImgNo } = panelInfo;
@@ -72,6 +75,17 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
     }
   }, [dispatch, panelInfo]);
 
+  useEffect(() => {
+    if (productData?.pmtSuptYn === "Y" && productData?.grPrdtProcYn === "Y") {
+      dispatch(
+        getProductGroup({
+          patnrId: patnrId,
+          prdtId: prdtId,
+        })
+      );
+    }
+  }, [productData]);
+
   const onClick = useCallback(() => {
     dispatch(finishVideoPreview());
     dispatch(popPanel(panel_names.DETAIL_PANEL));
@@ -178,7 +192,8 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
             )}
           {/* 그룹상품 영역 */}
           {productData?.pmtSuptYn === "Y" &&
-            productData?.grPrdtProcYn === "Y" && (
+            productData?.grPrdtProcYn === "Y" &&
+            groupInfos && (
               <GroupProduct
                 selectedPatnrId={patnrId}
                 selectedPrdtId={prdtId}