Why can't i map this array of objects within an object

Solution 1:

You may use Object.values instead:

Object.values(services).map((item) => (
  <h2>{item}</h2>
))

Solution 2:

Object.keys returns an array of keys and not values. It should be something like this

{Object.keys(services).map((key) => { 
    const item = services[key];
    return <h2>{item}</h2>;       
})}