Rock Paper Scissors solution with Typescript, React and Tailwind

What challenges did you encounter, and how did you overcome them?

I have experienced problem with the asynchronous nature of setState

In React, setState doesn't immediately update the component's state. Instead, React schedules a re-render for later.
This asynchronous behavior allows React to:
    Batch state updates to improve performance, especially when multiple rapid state changes occur.
    Avoid race conditions by managing updates in a controlled manner.

Solutions:

I used useEffect Hook (for asynchronous operations): The logic that depends on the latest state within a useEffect hook that has the state variable as a dependency: