Machine Coding: Fix the Stale Closure Bug

Implement a JavaScript function createStaleClosureDemo that simulates a common "Stale Closure" problem often found in React hooks like useEffect or useCallback, and provide a solution to fix it.

The Scenario

You have a counter that increments every second using setInterval. However, the function passed to setInterval "captures" the initial value of the counter and refuses to update, even though the counter itself is changing.

Requirements

1. Create a function createCounter() that returns an object with:
   • increment(): A method to increase the count.
   • logDelayed(): A method that uses setTimeout to log the count after 1 second.
2. Demonstrate the "Stale" bug where logDelayed logs an old value if increment is called quickly after.
3. Implement a "Fixed" version using a Functional Update or Ref-based approach.

Example Behavior

const bugged = createCounter();
bugged.logDelayed(); // Should log 0 after 1s
bugged.increment();  // count is now 1
// If bugged, the log after 1s still shows 0

Constraints

• Use only vanilla JavaScript (ES6+).
• The solution must explain why the closure became stale.