Fix editorRefs

aaron7 · Jun 10, 2024 · 12ca60b · 12ca60b
1 parent 427b834
commit 12ca60b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/app/src/components/MarkdownEditor/Editor.tsx b/app/src/components/MarkdownEditor/Editor.tsx
@@ -21,7 +21,7 @@ import './Editor.css';
 
 type EditorProps = {
   onChange: (value: string, viewUpdate: ViewUpdate) => void;
-  ref: React.RefObject<ReactCodeMirrorRef>;
+  refs: React.RefObject<ReactCodeMirrorRef>;
   value: string;
   webrtcProvider: WebrtcProvider;
 };
@@ -33,7 +33,7 @@ const baseTheme = EditorView.baseTheme({
   },
 });
 
-const Editor = ({ onChange, ref, value, webrtcProvider }: EditorProps) => {
+const Editor = ({ onChange, refs, value, webrtcProvider }: EditorProps) => {
   const collabPlugin = useMemo(
     () => createCollabPlugin({ webrtcProvider }),
     [webrtcProvider],
@@ -63,7 +63,7 @@ const Editor = ({ onChange, ref, value, webrtcProvider }: EditorProps) => {
       ]}
       height="100%"
       onChange={onChange}
-      ref={ref}
+      ref={refs}
       theme="none"
       value={value}
     />

diff --git a/app/src/routes/Session.tsx b/app/src/routes/Session.tsx
@@ -42,7 +42,7 @@ const Session = () => {
   const [peers, setPeers] = useState<string[]>([]);
   const [value, setValue] = useState<string>('');
 
-  const editorRef = React.useRef<ReactCodeMirrorRef>({});
+  const editorRefs = React.useRef<ReactCodeMirrorRef>({});
 
   // Always setup a new webrtcProvider when the session changes
   useEffect(() => {
@@ -168,7 +168,7 @@ const Session = () => {
     e: React.MouseEvent<HTMLDivElement>,
   ) => {
     if (e.target === e.currentTarget) {
-      editorRef?.current?.view?.focus();
+      editorRefs?.current?.view?.focus();
     }
   };
 
@@ -188,7 +188,7 @@ const Session = () => {
         >
           <Editor
             onChange={onEditorChange}
-            ref={editorRef}
+            refs={editorRefs}
             value={value}
             webrtcProvider={webrtcProvider}
           />