React child components state is undefined but can see state using console.log

Question

I have a parent component that gets data from an API end point using fetch. This data displays like it should. The parent component passes an element of an array of objects