hook's state value not updating when passed as prop

Question

Here is a code pen that I made that shows what I am trying to do.
https://codepen.io/doliphin/pen/JjRbqJO

From the local scope of each