Loop over response, remove duplicates inside property array of objects

removeDuplicates.tsx

interface SetActivityDetails {
  Id: number
  Description: string
  SetId: number
  SetType: string
  SetVisitId: number
  CostAttributionId?: number
}

export type RequestErrorResponse = Array<{
  field: string
  tab: string
  unknownActivities: SetActivityDetails[]
}>

// create a new set and map values on their description comparing them to index each iteration
response.data.forEach((field) => {
  const uniqueActivity = [
    ...new Set(field.unknownActivities.map((item) => item.itemId)),
  ].map((id) => {
    return {
      itemId: id,
      setName: field.unknownActivities
        .filter((item) => item.itemId === id)
        .map((item) => item.description)
        .filter((name, index, arr) => arr.indexOf(name) === index),
    }
  })