fix: optimizing useCodeMirror rendering issues. (#474)

Author: jaywcjlove

core/src/index.tsx

@@ -113,7 +113,7 @@ const ReactCodeMirror = forwardRef<ReactCodeMirrorRef, ReactCodeMirrorProps>((pr
   } = props;
   const editor = useRef<HTMLDivElement>(null);
   const { state, view, container } = useCodeMirror({
-    container: editor.current,
+    container: editor.current ? editor.current : undefined,
     root,
     value,
     autoFocus,

core/src/useCodeMirror.ts

@@ -10,7 +10,7 @@ import { ReactCodeMirrorProps } from '.';
 const External = Annotation.define<boolean>();
 
 export interface UseCodeMirror extends ReactCodeMirrorProps {
-  container?: HTMLDivElement | null;
+  container?: HTMLDivElement;
 }
 
 export function useCodeMirror(props: UseCodeMirror) {
@@ -147,7 +147,7 @@ export function useCodeMirror(props: UseCodeMirror) {
     };
   }, [container, state]);
 
-  useEffect(() => setContainer(props.container!), [props.container]);
+  useEffect(() => setContainer(props.container), [props.container]);
 
   useEffect(
     () => () => {