Modifica dei dati di input durante la loro visualizzazione in React

Supponiamo di inserire un numero in un input. Facciamo in modo che man mano che il numero viene inserito nell'input, nel paragrafo venga visualizzato il quadrato del numero inserito:

jsxfunction App() {
  const [value, setValue] = useState(0);
  
  function handleChange(event) {
    setValue(event.target.value);
  }
  
  return <div>
    <input value={value} onChange={handleChange} />
    <p>{value ** 2}</p>
  </div>;
}