// onKeyPress is deprecated use onKeyDown instead. <input type="text" name="title" onKeyDown={handleInput} /> const handleInput = e => { if (e.code === "Enter" && e.code === "NumpadEnter") { console.log("Enter key was pressed. Run your function."); e.preventDefault(); } };onKeyPress={(e) => e.key === 'Enter' && handleSearch()}const Enter = () => { const handle = () => console.log('Enter pressed'); return <input type="text" onKeyDown={e => e.key === 'Enter' && handle} />; };useEffect(() => { const listener = event => { if (event.code === "Enter") { console.log("Enter key was pressed."); event.preventDefault(); // yourFunction(); } }; document.addEventListener("keydown", listener); return () => { document.removeEventListener("keydown", listener); }; }, []);