드롭다운 관련 처리건.

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

@@ -1,11 +1,12 @@
-import React, { useCallback } from 'react';
+import React, { useCallback, useMemo } from "react";
 
-import classNames from 'classnames';
+import classNames from "classnames";
+import { useSelector } from "react-redux";
 
-import DropDown from '@enact/sandstone/Dropdown';
+import DropDown from "@enact/sandstone/Dropdown";
 
-import useScrollReset from '../../hooks/useScrollReset';
-import css from './TDropDown.module.less';
+import useScrollReset from "../../hooks/useScrollReset";
+import css from "./TDropDown.module.less";
 
 export default function TDropDown({
   className,
@@ -20,6 +21,15 @@ export default function TDropDown({
   ...rest
 }) {
   const { handleScrollReset, handleStopScrolling } = useScrollReset(scrollTop);
+  const httpHeader = useSelector((state) => state.common.httpHeader);
+  const ariaHidden = useMemo(() => {
+    const deviceCountryCode = httpHeader?.["X-Device-Country"] || "";
+    if (deviceCountryCode === "US") {
+      return false;
+    } else {
+      return true;
+    }
+  }, [httpHeader]);
   const _onOpen = useCallback(() => {
     if (onOpen) {
       onOpen();
@@ -45,6 +55,7 @@ export default function TDropDown({
       onBlur={handleStopScrolling}
       onOpen={_onOpen}
       onClose={_onClose}
+      aria-hidden={ariaHidden}
       aria-label={children}
       {...rest}
     >