type: fix type error. (#676) #665

Author: jaywcjlove

core/src/Editor.nohighlight.tsx

@@ -136,7 +136,7 @@ const InternalMDEditor = React.forwardRef<RefMDEditor, MDEditorProps>(
       [props.extraCommands],
     );
 
-    const textareaDomRef = useRef<HTMLDivElement>();
+    const textareaDomRef = useRef<HTMLDivElement>(undefined);
     const active = useRef<'text' | 'preview'>('preview');
     const initScroll = useRef(false);
 

core/src/Editor.tsx

@@ -136,7 +136,7 @@ const InternalMDEditor = React.forwardRef<RefMDEditor, MDEditorProps>(
       [props.extraCommands],
     );
 
-    const textareaDomRef = useRef<HTMLDivElement>();
+    const textareaDomRef = useRef<HTMLDivElement>(undefined);
     const active = useRef<'text' | 'preview'>('preview');
     const initScroll = useRef(false);
 

core/src/Types.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties } from 'react';
+import type { CSSProperties, JSX } from 'react';
 import type { MarkdownPreviewProps } from '@uiw/react-markdown-preview/nohighlight';
 import type { ITextAreaProps } from './components/TextArea/index.nohighlight';
 import type { ICommand, TextState } from './commands';

core/src/components/DragBar/index.tsx

@@ -12,7 +12,7 @@ export interface IDragBarProps extends IProps {
 const DragBar: React.FC<IDragBarProps> = (props) => {
   const { prefixCls, onChange } = props || {};
   const $dom = useRef<HTMLDivElement>(null);
-  const dragRef = useRef<{ height: number; dragY: number }>();
+  const dragRef = useRef<{ height: number; dragY: number }>(undefined);
   const heightRef = useRef(props.height);
 
   useEffect(() => {

core/src/components/TextArea/Textarea.tsx

@@ -23,7 +23,7 @@ export default function Textarea(props: TextAreaProps) {
     ...otherStore
   } = useContext(EditorContext);
   const textRef = React.useRef<HTMLTextAreaElement>(null);
-  const executeRef = React.useRef<TextAreaCommandOrchestrator>();
+  const executeRef = React.useRef<TextAreaCommandOrchestrator>(undefined);
   const statesRef = React.useRef<ExecuteCommandState>({ fullscreen, preview });
 
   useEffect(() => {

core/src/components/TextArea/index.nohighlight.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, Fragment, useContext } from 'react';
+import React, { useEffect, Fragment, useContext, JSX } from 'react';
 import { EditorContext, ContextStore, ExecuteCommandState } from '../../Context';
 import shortcuts from './shortcuts';
 import Textarea, { TextAreaProps } from './Textarea';
@@ -43,7 +43,7 @@ export default function TextArea(props: ITextAreaProps) {
   const { prefixCls, className, onScroll, renderTextarea, ...otherProps } = props || {};
   const { markdown, scrollTop, commands, extraCommands, dispatch } = useContext(EditorContext);
   const textRef = React.useRef<HTMLTextAreaElement>(null);
-  const executeRef = React.useRef<TextAreaCommandOrchestrator>();
+  const executeRef = React.useRef<TextAreaCommandOrchestrator>(undefined);
   const warp = React.createRef<HTMLDivElement>();
   useEffect(() => {
     const state: ContextStore = {};

core/src/components/TextArea/index.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, Fragment, useContext } from 'react';
+import React, { useEffect, Fragment, useContext, JSX } from 'react';
 import { EditorContext, ContextStore, ExecuteCommandState } from '../../Context';
 import shortcuts from './shortcuts';
 import Markdown from './Markdown';
@@ -45,7 +45,7 @@ export default function TextArea(props: ITextAreaProps) {
   const { markdown, scrollTop, commands, minHeight, highlightEnable, extraCommands, dispatch } =
     useContext(EditorContext);
   const textRef = React.useRef<HTMLTextAreaElement>(null);
-  const executeRef = React.useRef<TextAreaCommandOrchestrator>();
+  const executeRef = React.useRef<TextAreaCommandOrchestrator>(undefined);
   const warp = React.createRef<HTMLDivElement>();
   useEffect(() => {
     const state: ContextStore = {};

core/src/components/Toolbar/Child.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useMemo } from 'react';
+import React, { useContext, useMemo, JSX } from 'react';
 import './Child.less';
 import Toolbar, { type IToolbarProps } from './';
 import { EditorContext } from '../../Context';