JSFiddle - React, Tailwind, and code Playground

JavaScript

const raw = [{
  "device_info": {
    "name": "cam1",
    "device_id": "598d6cf56803fa66068b4567"
  },
  "age_range": {
    "0-10": {
      "age_range": "0-10",
      "total_count": 15,
      "male_count": 6,
      "female_count": 9
    },
    "11-20": {
      "age_range": "11-20",
      "total_count": 11,
      "male_count": 7,
      "female_count": 4
    },
    "21-30": {
      "age_range": "21-30",
      "total_count": 922,
      "male_count": 452,
      "female_count": 470
    }
  }
}, {
  "device_info": {
    "name": "cam2",
    "device_id": "21213213123sdfdgdfg"
  },
  "age_range": {
    "0-10": {
      "age_range": "0-10",
      "total_count": 1,
      "male_count": 1,
      "female_count": 0
    },
    "11-20": {
      "age_range": "11-20",
      "total_count": 2,
      "male_count": 0,
      "female_count": 2
    },
    "21-30": {
      "age_range": "21-30",
      "total_count": 90,
      "male_count": 58,
      "female_count": 32
    }
  }
}]

const x = raw.map(obj => {
  const total_count = Object.values(obj.age_range).reduce((acc, item) => acc + item.total_count, 0)
  return { total_count, device_id: obj.device_info.device_id };
})

console.log('x', x)