Estoy creando una calculadora React que permite al usuario ingresar información en el formulario y realiza la operación, esto es lo que tengo hasta ahora en mi carpeta App.js

 function App() { const [output ,setOutput]=useState(0); const [text, setText]=useState(''); function Clear(){ setOutput(0) } function Subtraction() { setOutput(Number(output)-Number(text)); } function Addition() { setOutput(Number(output)+Number(text)); } function valueOnChange(e){ setText(event.target.value); } return ( <main> <h2>Calculator for Add & Subtract</h2> <input type="Number" placeholder="Enter the number for add and subtract" onChange={valueOnChange} value={text}/> <button onClick={Addition} >Add</button> <button onClick={Clear} >Clear</button> <button onClick={Subtraction}>Subtract</button> <div> <span>Result</span> <div id="Result">{output}</div> </div> </main> ); } export default App;

En esta línea:

 `"function valueOnChange(e){ setText(event.target.value);" `

es donde estoy recibiendo el error. ¿Puede alguien ayudarme? No estoy seguro de cómo repararlo.