How to tell typescript that an inputs event.currentTarget.value us a number?

Question

I have a <input type="number">. How can I tell TypeScript this? As it is below, TypeScript thinks that event.currentTarget.value is a string.

private handleChange = (event: React.MouseEvent<HTMLInputElement>) => {
    this.props.onChange(event.currentTarget.value);
};

Answer 1

The input type purpose is to serve as a kind of keyboard validation but the value will be a string. Please see this answer

So, as @user1283776 said: use event.currentTarget.valueAsNumber

Answer 2

Coerce it to a number perhaps?

private handleChange = (event: React.MouseEvent<HTMLInputElement>) => {
    this.props.onChange(+event.currentTarget.value);
};

Answer 3

Use event.currentTarget.valueAsNumber instead of event.currentTarget.value