ReactJS, Redux correct API request after rendering it in a component to not get an error?

Question

JavaScript

Good time of the day.
Inside the componentDIdMount I call ActionCreators, I get the data, after a successful request, I throw the received data into the state, pass it through the container, write it to the state, which I display in the element, but when rendering occurs, I get the value undefined, and after only the value is reflected. How to correctly pass data inside the render method so as not to receive errors?
https://codepen.io/PolyakhAlex/pen/yPeBmE?editors=0010
When I remove && error.
Thank you!