Passing Props from App.jsx through the <View> - ReactJS

Thank you to everyone that reads this and responds. I have been researching quite a bit into how to pass props through the View from the App.jsx. Where there is a state in the App.jsx and I intend on passing it through the View component. It works but the issue rises when the component rerenders due to the change of the state. It never updates the View. It always seems to get stuck at this point and not moving on as seen below:

I have tried to use the propRoutes but they do not seem to update either. If anyone has any suggestions please let me know.

Thank you,