refactoring

packages/react/src/NodeViewContent.tsx

@@ -6,19 +6,14 @@ export interface NodeViewContentProps {
 }
 
 export const NodeViewContent: React.FC<NodeViewContentProps> = props => {
-  // TODO
-  // @ts-ignore
   const { isEditable } = useReactNodeView()
-
   const Tag = props.as || 'div'
 
   return (
     <Tag
       data-node-view-content=""
       contentEditable={isEditable}
-      style={{
+      style={{ whiteSpace: 'pre-wrap' }}
-        whiteSpace: 'pre-wrap'
-      }}
     />
   )
 }

packages/react/src/NodeViewWrapper.tsx

@@ -6,19 +6,14 @@ export interface NodeViewWrapperProps {
 }
 
 export const NodeViewWrapper: React.FC<NodeViewWrapperProps> = props => {
-  // TODO
-  // @ts-ignore
   const { onDragStart } = useReactNodeView()
-
   const Tag = props.as || 'div'
 
   return (
     <Tag
       data-node-view-wrapper=""
-      style={{
-        whiteSpace: 'normal'
-      }}
       onDragStart={onDragStart}
+      style={{ whiteSpace: 'normal' }}
     >
      {props.children}
     </Tag>

packages/react/src/useReactNodeView.ts

@@ -1,6 +1,11 @@
 import React, { useContext } from 'react'
 
-export const ReactNodeViewContext = React.createContext<any>({
+export interface ReactNodeViewContextProps {
+  isEditable: boolean,
+  onDragStart: (event: DragEvent) => void,
+}
+
+export const ReactNodeViewContext = React.createContext<Partial<ReactNodeViewContextProps>>({
   isEditable: undefined,
   onDragStart: undefined,
 })