ReactのFormの型をnumber型にしたのにstring型と判明されるときの対処法

Question

フォームの数字を型定義したいのですがstring型と判明されて困っております。
コードは下記の通りです。

import React, { useState } from 'react'
import TextField from '@material-ui/core/TextField';
import Button from '@material-ui/core/Button';
export interface TagFormProps {
    sendMoney: (text: string, money: number) => void;
}
const Form: React.FC<TagFormProps> = ({ sendMoney }) => {
    const [text, setText] = useState<string>("");
    const [money, setMoney] = useState<number>();
    const submitMoney = (text: string, money: number) => {
        if (text.trim() !== "") {
            sendMoney(text, money);
            setText("");
        } else {
            alert("本文が入力されてません");
        }
    };

    return (
        <div>
            <select>
                <option value="inc" >+</option>
                <option value="exp" >-</option>
            </select>
            <TextField type="text" placeholder="Add description" value={text} onChange={(event: React.ChangeEvent<HTMLTextAreaElement>) => {
                setText(event.target.value);
            }} />
            <TextField type="number" placeholder="value" value={money} onChange={(event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>) => {
                const moneyStore: number = event.target.value
                setMoney(moneyStore);
            }} />

            <Button variant="contained"
                onClick={() => money ? submitMoney(text, money) : null}
                color="primary" >登録</Button>
        </div>
    )
}
export default Form;

  <TextField type="number" placeholder="value" value={money} onChange={(event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>) => {
                const moneyStore: number = event.target.value
                setMoney(moneyStore);
            }} />

こちらの方定義がどうも失敗してしまいます。
HooksのuseStateのジェネリクスを<number|styring>にすれば解決するのですが、今回数字の入力のフォーマットなのでどうしても型でstringを弾きたいのですが、、
解決策がわかる方いらっしゃいましたらご教授いただければ幸いです。

Answer 1

const moneyStore: number = Number(event.target.value);

Comments

[21212121]

ありがとうございました。
無事解決できました。