diff --git a/src/components/Project/ProjectInfra.jsx b/src/components/Project/ProjectInfra.jsx
index 5e76a73e..047e41c5 100644
--- a/src/components/Project/ProjectInfra.jsx
+++ b/src/components/Project/ProjectInfra.jsx
@@ -15,6 +15,7 @@ import {
   cacheData,
   clearCacheKey,
   getCachedData,
+  useSelectedproject,
 } from "../../slices/apiDataManager";
 import { useProjectDetails, useProjectInfra } from "../../hooks/useProjects";
 import { useDispatch, useSelector } from "react-redux";
@@ -25,7 +26,8 @@ import GlobalModel from "../common/GlobalModel";
 
 const ProjectInfra = ( {data, onDataChange, eachSiteEngineer} ) =>
 {
-  const projectId = useSelector((store)=>store.localVariables.projectId)
+  // const projectId = useSelector((store)=>store.localVariables.projectId)
+  const projectId = useSelectedproject();
   const reloadedData = useSelector((store) => store.localVariables.reload);
   const [ expandedBuildings, setExpandedBuildings ] = useState( [] );
    const {projectInfra,isLoading,error} = useProjectInfra(projectId)
diff --git a/src/components/Project/Teams.jsx b/src/components/Project/Teams.jsx
index a89c3a49..10618458 100644
--- a/src/components/Project/Teams.jsx
+++ b/src/components/Project/Teams.jsx
@@ -15,11 +15,13 @@ import { ASSIGN_TO_PROJECT } from "../../utils/constants";
 import ConfirmModal from "../common/ConfirmModal";
 import eventBus from "../../services/eventBus";
 import {useEmployeesByProjectAllocated, useManageProjectAllocation} from "../../hooks/useProjects";
+import { useSelectedproject } from "../../slices/apiDataManager";
 
 const Teams = () =>
 {
   // const {projectId} = useParams()
-  const projectId = useSelector((store)=>store.localVariables.projectId)
+  // const projectId = useSelector((store)=>store.localVariables.projectId)
+  const projectId = useSelectedproject();
   const dispatch = useDispatch();
 
   const { data, loading } = useMaster();