Reactjs prevent characters on keypress

keypress.js

use { useState } from 'react';

const Test = () => {
  const [tipAmount, setTipAmount] = useState('');
  
  const handleKeypress = (e) => {
      if(!((e.keyCode > 95 && e.keyCode < 106)
          || (e.keyCode > 47 && e.keyCode < 58) 
          || e.keyCode == 8)) {
              e.preventDefault(); // Let's stop this event.
              e.stopPropagation(); // Really this time.
          return false;
      }
  }
  
  const handleChange = (e) => {
    setTipAmount(e.targe.value)
  }
  
  return (
    <input
        className="form-control"
        name="tipAmount"
        autoComplete="off"
        id="tipAmount"
        maxLength="20"
        min="0.1"
        placeholder="Enter amount"
        type="number"
        onChange={handleChange}
        onKeyDown={handleKeypress}
        value={tipAmount}
    /> 
  )

}