diff --git a/src/views/products/Detail/Header.jsx b/src/views/products/Detail/Header.jsx
index 03743b5..a40cf3f 100644
--- a/src/views/products/Detail/Header.jsx
+++ b/src/views/products/Detail/Header.jsx
@@ -15,6 +15,7 @@ import VendorSelector from '@/components/VendorSelector';
 import AuditStateSelector from '@/components/AuditStateSelector';
 import NewProductModal from './NewProductModal';
 import ContractRemarksModal from './ContractRemarksModal'
+import { usingStorage } from '@/hooks/usingStorage';
 
 import AgencyContract from '../Print/AgencyContract_v0903';
 import { saveAs } from "file-saver";
@@ -26,6 +27,7 @@ const Header = ({ refresh, ...props }) => {
   const showEditA = !location.pathname.includes('edit');
   const showAuditA = !location.pathname.includes('audit');
   const { travel_agency_id, use_year, audit_state } = useParams();
+  const { travelAgencyId } = usingStorage();
   const { t } = useTranslation();
   const isPermitted = useAuthStore((state) => state.isPermitted);
   const [activeAgency, setActiveAgency] = useProductsStore((state) => [state.activeAgency, state.setActiveAgency]);
@@ -49,7 +51,7 @@ const Header = ({ refresh, ...props }) => {
   const [pickAuditState, setPickAuditState] = useState();
   useEffect(() => {
     const _param = objectMapper(param, { pick_year: 'use_year', pick_agency: 'travel_agency_id', pick_state: 'audit_state' });
-    setSwitchParams({ ..._param });
+    setSwitchParams({ ..._param, travel_agency_id: _param?.travel_agency_id || travelAgencyId });
     refresh(param);
 
     return () => {};