I'm trying to render across an array object in react.js using this:

```
const myservice = getAllServices(uid).then(service => {
      renderallServices(service);
      return service;
  });

```

where renderallServices(service) is 

```
const renderallServices = (services) => (
  <>
  {services.map(service => (
          <Row className="justify-content-md-center">
          <ServiceCard service={service}>
          </ServiceCard>
          {console.log(service)}
          </Row>
        ))

    }
  </>

  );

```

Note: the reason my renderallServices function is being called inside of .then() is because without that it returns a promise instead of the actual array object I want. 
I know renderallServices is being called because the {console.log(service)} is returning each element in the array like I would expect. However, none of the JSX is being rendered.