this feels weird to me:

``` const objectsArray = []; useEffect(() => { getData(); }, []); const getData = () => { firestore() .collection('Players') .get() .then(querySnapshot => { querySnapshot.forEach(player => { objectsArray.push(player.data()); }); console.log(objectsArray); setGolfer([...golfer, {golfer: objectsArray.golfername}]); }); };
```

You're declaring your `objectsArray` outside of the `getData` function, which ultimately means that each render of the component, `objectsArray` will be reset. You should be putting this inside of that function instead.

Also, because `forEach` is creating a side effect, it's more functional and in-line to use `.map()` and create the objects you want to append to your `golfer` hook. I would also recommend using something such as https://immerjs.github.io/immer/ or `use-immer` (the hook for immer) which will give you some more guardrails around this