Event is of type `any` in `onChange` property of `InputBase`

What package has an issue

@mantine/core

Describe the bug

The onChange property of the Input and InputBase component seems to be incorrectly typed, since the following happens:

import { InputBase, TextInput } from "@mantine/core";

export default function MyComponent() {
  return (
    <div>
      {/* Event is of type 'any' */}
      <InputBase onChange={(event) => console.log(event)} />
      {/* Event is of the expected type */}
      <TextInput onChange={(event) => console.log(event)} />
    </div>
  );
}

What version of @mantine/hooks page do you have in package.json?

^5.6.3

If possible, please include a link to a codesandbox with the reproduced problem

https://codesandbox.io/s/modern-resonance-ksqkx4?file=/src/MyComponent.tsx

Do you know how to fix the issue

Yes

Are you willing to participate in fixing this issue and create a pull request with the fix

Yes

Possible fix

This is more of a workaround than an actual fix, but the following module augmentation fixes the issue:

// mantine.d.ts
import type { InputBaseProps as MantineInputBaseProps } from '@mantine/core';
import type { ChangeEventHandler } from 'react';

interface InputBaseProps extends MantineInputBaseProps {
  onChange?: ChangeEventHandler<HTMLInputElement> | undefined;
}

[rtivital]

That is one of the mysteries of TypeScript, I have no idea why it is required in some cases

[rtivital]

InputBase is a polymorphic component, it cannot usually pick up correct types information if you do not provide generic type – https://codesandbox.io/s/loving-thunder-1py1v1?file=/src/MyComponent.tsx