如何防止用户使用material ui在TextField中输入字母

import TextField from '@mui/material/TextField';

<TextField
  label="只能输入数字"
  InputProps={{
    inputMode: 'numeric',
  }}
/>

import TextField from '@mui/material/TextField';

<TextField
  label="只能输入数字"
  InputProps={{
    pattern: '[0-9]*',
  }}
/>

import TextField from '@mui/material/TextField';

const handleKeyPress = (event) => {
  const keyCode = event.keyCode || event.which;
  const keyValue = String.fromCharCode(keyCode);
  const regex = /[0-9]/;

  if (!regex.test(keyValue)) {
    event.preventDefault();
  }
};

<TextField
  label="只能输入数字"
  InputProps={{
    onKeyPress: handleKeyPress,
  }}
/>