I have a Parent and Child Components. I pass a prop from the Child component into the a Parent Method that acts on multiple dispatches from a useReducer Hook using the following code

in Child

onPress={()=>props.clickTile(props.id)

while receiving the props.id inside the Parent method

in Parent

function clickTile(id)

this is needed to access dynamically created buttons and be able to reach their related state.

in Parent

            if (tileOne !== null) {

               setTileTwo(selectTile); //setState
               //code..

               if (tileTwo !== null) {// doesn't update until another click causing halt
                   //code...
               }

            }

however inside this method I have to call multiple conditionals as well as expressions using the same useReducer state causing issues due to the state not updating until the next click.

for more on passing from Child to Parent see my previous related question

PS. please suggest a better title.