import { useState } from 'react' const MessageInput = ({ onSubmit }) => { const [messageText, setMessageText] = useState('') const submitOnEnter = (event) => { // Watch for enter key if (event.keyCode === 13) { onSubmit(messageText) setMessageText('') } } return ( <> setMessageText(e.target.value)} onKeyDown={(e) => submitOnEnter(e)} /> ) } export default MessageInput