🐛 fix(SeverityFilter.tsx): handle cases where counters[item.id] is undefined

🐛 fix(UsecaseFilter.tsx): handle cases where counters[item.id] is undefined

Author: marcbon

src/pages/Campaign/useWidgets/Experience/widgets/Insights/filters/SeverityFilter.tsx

@@ -43,7 +43,7 @@ export const SeverityFilter = () => {
         options={data.severities.available.map((item) => ({
           itemId: item.id,
           className: `dropdown-severities-item-${item.name.toLowerCase()}`,
-          label: `${item.name} (${counters[item.id]})`,
+          label: `${item.name} (${counters[item.id] ?? 0})`,
           style: {
             color:
               appTheme.colors.bySeverity[

src/pages/Campaign/useWidgets/Experience/widgets/Insights/filters/UsecaseFilter.tsx

@@ -42,7 +42,7 @@ export const UseCaseFilter = () => {
         options={data.clusters.available.map((item) => ({
           itemId: item.id,
           className: `dropdown-clusters-item-${item.name.toLowerCase()}`,
-          label: `${item.name} (${counters[item.id]})`,
+          label: `${item.name} (${counters[item.id] ?? 0})`,
           disabled:
             !counters[item.id] &&
             !data.clusters.selected.map((i) => i.id).includes(item.id),