useIdle doesn't start tracking until after the first event

[chimericdream]

Dependencies check up

• I have verified that I use latest version of all @mantine/* packages

What version of @mantine/* packages do you have in package.json?

7.12.1

What package has an issue?

@mantine/hooks

What framework do you use?

Vite

In which browsers you can reproduce the issue?

All

Describe the bug

The useIdle hook does not start its timer until after the first event occurs. For example, with the code below, if there are no click or keypress events after the page loads, idle will never be true.

const idle = useIdle(5000, {
    initialState: false,
    events: ['click', 'keypress'],
});

I found one report of this in Discord, but it was posted in November 2023 and has no replies to the initial posting.

If possible, include a link to a codesandbox with a minimal reproduction

https://codesandbox.io/p/sandbox/useidle-mantine-bug-tx5znz?file=%2Fsrc%2FApp.tsx

Possible fix

Start the timer immediately in the useIdle hook instead of waiting for an event first.

Self-service

• I would be willing to implement a fix for this issue