Αλλαγή δεδομένων εισόδου κατά την εμφάνισή τους στο React

Ας υποθέσουμε ότι εισάγουμε έναν αριθμό σε ένα πεδίο εισόδου. Ας κάνουμε έτσι ώστε καθώς εισάγουμε τον αριθμό στο πεδίο εισόδου, στην παράγραφο να εμφανίζεται το τετράγωνο του αριθμού που εισάγεται:

function 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>;
}

Δίνεται ένα πεδίο εισόδου. Δίνεται μια παράγραφος. Κάντε έτσι ώστε κατά την εισαγωγή κειμένου στο πεδίο εισόδου, στην παράγραφο να εμφανίζεται ο αριθμός των χαρακτήρων που εισήχθησαν στο πεδίο εισόδου.