6871: Avoid calling routes with null values

Author: tuj

assets/admin/components/screen/util/campaign-icon.jsx

@@ -28,10 +28,10 @@ function CampaignIcon({ id, delay = 1000 }) {
 
   const { data: campaigns, isLoading } = useGetV2ScreensByIdCampaignsQuery(
     { id },
-    { skip: !getData },
+    { skip: !getData || !id },
   );
   const { data: groups, isLoading: isLoadingScreenGroups } =
-    useGetV2ScreensByIdScreenGroupsQuery({ id }, { skip: !getData });
+    useGetV2ScreensByIdScreenGroupsQuery({ id }, { skip: !getData || !id });
 
   useEffect(() => {
     if (campaigns) {

assets/admin/components/util/fetch-data-hook.js

@@ -10,6 +10,16 @@ function useFetchDataHook(apiCall, ids, params = {}, key = "id") {
   useEffect(() => {
     if (!ids || ids.length === 0) return;
 
+    // Filter out null/undefined/empty IDs
+    const validIds = ids.filter((id) => id != null && id !== "");
+    if (validIds.length === 0) return;
+
+    // Check if params contain invalid values
+    const hasInvalidParams = Object.values(params).some(
+      (value) => value === "" || value == null,
+    );
+    if (hasInvalidParams) return;
+
     async function fetchItems() {
       setLoading(true);