How would you implement a debounce function in a React component to handle API requests efficiently?

Imagine you are playing a game where you can press a button to score points. If you press the button too quickly, only some presses count. Debouncing is like a rule that says you have to wait a little before pressing again, so each press counts and the game doesn't get confused.