Как применить события к массиву исходного компонента в React Mapbox?

Question

Рендеринг исходного компонента, импортированного из React Mapbox.
Как применять события к одному источнику, например onClick, mouseenter, mouseover и т. Д.

import ReactMapboxGl, {
    Layer,
    Source
} from "react-mapbox-gl"; {
    sourceArray.length > 0 && sourceArray.map((item, index) => {
        return ( <
            Source key = {
                Math.random()
            }
            id = {
                `source_id${index}`
            }
            tileJsonSource = {
                {
                    "type": "image",
                    "url": item.urlAd,
                    "coordinates": [
                        [item.boundLtln[3], item.boundLtln[0]],
                        [item.boundLtln[3], item.boundLtln[2]],
                        [item.boundLtln[1], item.boundLtln[2]],
                        [item.boundLtln[1], item.boundLtln[0]]
                    ]
                }
            }
            />
        )
    })
}