diff --git a/src/mantine-hooks/src/use-idle/use-idle.ts b/src/mantine-hooks/src/use-idle/use-idle.ts index 8978d2eb2dd..9f902cd2062 100644 --- a/src/mantine-hooks/src/use-idle/use-idle.ts +++ b/src/mantine-hooks/src/use-idle/use-idle.ts @@ -1,6 +1,12 @@ import { useState, useEffect, useRef } from 'react'; -const DEFAULT_EVENTS = ['keypress', 'mousemove', 'touchmove', 'click', 'scroll']; +const DEFAULT_EVENTS: (keyof DocumentEventMap)[] = [ + 'keypress', + 'mousemove', + 'touchmove', + 'click', + 'scroll', +]; const DEFAULT_OPTIONS = { events: DEFAULT_EVENTS, initialState: true, @@ -8,7 +14,7 @@ const DEFAULT_OPTIONS = { export function useIdle( timeout: number, - options?: Partial<{ events: string[]; initialState: boolean }> + options?: Partial<{ events: (keyof DocumentEventMap)[]; initialState: boolean }> ) { const { events, initialState } = { ...DEFAULT_OPTIONS, ...options }; const [idle, setIdle] = useState(initialState);