List won't populate next item unless an action item is tapped to change the state

Question

I have a small component that I am trying to pass some data into. The component iterates through the data and displays a list of items. This works fine on desktop and from what