From cfb3b80f63a5d38ea7aa4b69a895afd8b09cb5ab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Fri, 23 Apr 2021 23:38:38 +0200
Subject: [PATCH] fix: allow passing props to NodeViewWrapper and
 NodeViewContent

---
 packages/react/src/NodeViewContent.tsx |  9 ++++++---
 packages/react/src/NodeViewWrapper.tsx | 13 +++++++------
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/packages/react/src/NodeViewContent.tsx b/packages/react/src/NodeViewContent.tsx
index abea2ade..c06bc7d7 100644
--- a/packages/react/src/NodeViewContent.tsx
+++ b/packages/react/src/NodeViewContent.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 
 export interface NodeViewContentProps {
-  className?: string,
+  [key: string]: any,
   as?: React.ElementType,
 }
 
@@ -10,9 +10,12 @@ export const NodeViewContent: React.FC<NodeViewContentProps> = props => {
 
   return (
     <Tag
-      className={props.className}
+      {...props}
       data-node-view-content=""
-      style={{ whiteSpace: 'pre-wrap' }}
+      style={{
+        ...props.style,
+        whiteSpace: 'pre-wrap',
+      }}
     />
   )
 }
diff --git a/packages/react/src/NodeViewWrapper.tsx b/packages/react/src/NodeViewWrapper.tsx
index 7ffa67a2..da502459 100644
--- a/packages/react/src/NodeViewWrapper.tsx
+++ b/packages/react/src/NodeViewWrapper.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import { useReactNodeView } from './useReactNodeView'
 
 export interface NodeViewWrapperProps {
-  className?: string,
+  [key: string]: any,
   as?: React.ElementType,
 }
 
@@ -12,12 +12,13 @@ export const NodeViewWrapper: React.FC<NodeViewWrapperProps> = props => {
 
   return (
     <Tag
-      className={props.className}
+      {...props}
       data-node-view-wrapper=""
       onDragStart={onDragStart}
-      style={{ whiteSpace: 'normal' }}
-    >
-     {props.children}
-    </Tag>
+      style={{
+        ...props.style,
+        whiteSpace: 'normal',
+      }}
+    />
   )
 }