connect-four | Connect Four game created using Pixi.js and TypeScript | Game Engine library

I am currently building a connect-four game based on react.js. It has the following semantic: The game has 3 state variables: grid(play field), pNext(boolean if human is next), gameState(is game won, lost, or running?)

1. Human will click on column and onclick event handleClick(i) is triggered with the column index. It checks the gameState and will call the makeMove(i) function to make the players move. Now is the question, I cant wait for the makeMove function because it even returns when the state variables are not changed.

makeMove will place the stone in the respective column.

handleClick function:

makeMove function:

1. Now I can't wait for the useEffect() of one variable because I need all three game variables to be changed. (If the bool changed but the grid is not updated -> error etc.)

EDIT: useEffect() hook picture and the vars:

I am making a Connect-Four game. every column (component) recieves the current player color as a prop from the parent component. i have a callback function in every column that changes the current player state every time a column is being clicked, but for some reason the columns won't accept the new parent state as an updated prop.

Essentially im trying to create a connect four Ai and i came across an article which uses bit boards to optimize making moves and checking for wins. Essentially i took a few methods from a git hub readme which are supposed to make a move and undo a move on your bit board unfortunately it appears that the methods are not working properly because it's placing ones at the end of the bit string instead of spacing them by 7. I assume this is probably some java thing that is preventing these from working correctly and i have posted a sample program below which i think demonstrates the problem accurately. For example if i set a long variable so that it has a row of four ones on the 5th row and display it. It displays correctly without the beginning zeros but on the other hand if i add three tokens to the first column. And then three tokens to the third column. It displays as 111, and 111. When it should be