HTML table rowspan in reactjs

Question

im confuse when i using map and want to make table like this

with data

const arr =[{
no: 1,
name:'david',
fruit: 'apple',
type:[{ typeName:'red apple'},{typeName:'green apple'}]
},
{
no: 2,
name: 'david',
fruit: 'orange',
type:[{ typeName:'mandarin orange'},{typeName:'bergamot orange'}]
}
]

i already try, but i got stuck, i can only do like this

i confuse how to merge "david" in this table