Reactjs – Issues with KeyboardEvent in React with Typescript

I have a function:

    const handleHotKeys = (event: KeyboardEvent): void => {
      // other code here
    };

and markup like this:

return (
      <label
        htmlFor={id}
        className='flex flex-col items-start gap-1 w-full md:w-2/4 text-lg relative'
      >
            <textarea
              placeholder={placeholder}
              id={id}
              className='customScroll w-full'
              value={value}
              onChange={(e) => onChange(e.target.value)}
              onKeyDown={getHotkeyHandler([
                ['mod+B', handleHotKeys],
                ['mod+I', handleHotKeys],
                ['mod+alt+T', handleHotKeys],
                ['mod+alt+C', handleHotKeys],
                ['shift+(', handleHotKeys],
                ['[', handleHotKeys],
                ['shift+{', handleHotKeys]
              ])}
            />
      </label>
    );

The following error appears: Type ‘(event: KeyboardEvent) => void‘ is not assignable to type ‘(event: KeyboardEvent | React.KeyboardEvent<HTMLElement>) => void‘. Types of parameters ‘event‘ and ‘event‘ are incompatible. Type ‘KeyboardEvent | React.KeyboardEvent<HTMLElement>‘ is not assignable to type ‘KeyboardEvent<Element>‘. Type ‘KeyboardEvent‘ is missing the following properties from type ‘KeyboardEvent<Element>‘: locale, nativeEvent, isDefaultPrevented, isPropagationStopped, persist ts(2322).

Typescript 5.2.2
getHotkeyHandler is a function from mantine hooks library (checked the docs, didn’t help)
KeyboardEvent from React is imported

I tried a lot of things (googled it, asked chatgpt), but nothing works for me, error still appears.
I tried React.KeyboardEvent<HTMLTextAreaElement> and KeyboardEvent | React.KeyboardEvent<HTMLElement> this don’t work too.

I will be very grateful if you can tell me how to fix it.