returning a component from a map function. ReactJS

Question

I want to create a function that maps throw a firestore collection and return a Component for each document in the collection I have tried to use the code below