isPending is true with leading: true

[dborysov]

Describe the bug
Using useDebounce with leading: true shows that it is pending on the first update

To Reproduce
In the following example:

  const [count, setCount] = useState(0);
  const [countDebounced, { isPending }] = useDebounce(count, 3000, {
    leading: true,
  });

the value of isPending() is true if there was only one update (so the countDebounced is updated immediately)

Steps to reproduce

1. Open https://codesandbox.io/p/devbox/myd2x2
2. Click "Increment!" one time
3. Observe the value under isPending

Expected result:
3. You see false

Actual result:
3. You see true

use-debounce version:
10.0.4

[xnimorz]

Hello @dborysov

Apologies for the long response.
I opened your example and ran the code, yet I see the value set to false, as intended.

Is there anything I have to change to repro it?

[dborysov]

Hi @xnimorz,

I just went through my initial ticket and realized that it was pretty confusing, sorry for that 🤦‍♂

It's updated now. I added the steps to reproduce. Basically, you need to click the button once and isPending should stay false (since value and debounced are equal immediately), but it becomes true