const Editor = ({ socketRef, roomId, onCodeChange }) => { const editorRef = useRef(null); useEffect(() => { async function init() { editorRef.current = Codemirror.fromTextArea( document.getElementById(‘realtimeEditor’), { mode: { name: ‘javascript’, json: true }, theme: ‘dracula’, autoCloseTags: true, autoCloseBrackets: true, lineNumbers: true, } ); editorRef.current.on(‘change’, (instance, changes) => { const { origin } = changes; const […]