import React from 'react'; import { ChatContext } from './App.js'; function LoginForm() { const chatData = React.useContext(ChatContext); const userInput = React.useRef(); const [error, setError] = React.useState(false); const login = (ev) => { if (ev.type === 'keyup' && ev.key !== 'Enter') { return; } setError(false); chatData.login(userInput.current.value).catch(() => setError(true)); } const logout = () => chatData.logout(); if (chatData.user.username === null) { return (