From ae84d1b58497d9378cb228327fd5b4fa85038061 Mon Sep 17 00:00:00 2001
From: Anton Liubushkin <anton.liubushkin@gmail.com>
Date: Mon, 16 May 2022 17:07:32 +0300
Subject: [PATCH 1/3] Add `className` option and pass through to ReactRenderer

---
 packages/react/src/ReactNodeViewRenderer.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/ReactNodeViewRenderer.tsx b/packages/react/src/ReactNodeViewRenderer.tsx
index f15c1b10443..3b2c9fa185a 100644
--- a/packages/react/src/ReactNodeViewRenderer.tsx
+++ b/packages/react/src/ReactNodeViewRenderer.tsx
@@ -21,6 +21,7 @@ export interface ReactNodeViewRendererOptions extends NodeViewRendererOptions {
     updateProps: () => void,
   }) => boolean) | null,
   as?: string,
+  className?: string,
 }
 
 class ReactNodeView extends NodeView<React.FunctionComponent, Editor, ReactNodeViewRendererOptions> {
@@ -87,12 +88,14 @@ class ReactNodeView extends NodeView<React.FunctionComponent, Editor, ReactNodeV
     if (this.options.as) {
       as = this.options.as
     }
+    
+    const className = this.options.className ? ` ${this.options.className}` : ''
 
     this.renderer = new ReactRenderer(ReactNodeViewProvider, {
       editor: this.editor,
       props,
       as,
-      className: `node-${this.node.type.name}`,
+      className: `node-${this.node.type.name}` + className,
     })
   }
 

From df4be867ff408ee4847c8e0951b2a0b6a46e7df3 Mon Sep 17 00:00:00 2001
From: Anton Liubushkin <anton.liubushkin@gmail.com>
Date: Fri, 20 May 2022 10:22:30 +0300
Subject: [PATCH 2/3] Update ReactNodeViewRenderer.tsx

---
 packages/react/src/ReactNodeViewRenderer.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/ReactNodeViewRenderer.tsx b/packages/react/src/ReactNodeViewRenderer.tsx
index 3b2c9fa185a..ff6750edb92 100644
--- a/packages/react/src/ReactNodeViewRenderer.tsx
+++ b/packages/react/src/ReactNodeViewRenderer.tsx
@@ -89,13 +89,13 @@ class ReactNodeView extends NodeView<React.FunctionComponent, Editor, ReactNodeV
       as = this.options.as
     }
     
-    const className = this.options.className ? ` ${this.options.className}` : ''
+    const { className = '' } = this.options
 
     this.renderer = new ReactRenderer(ReactNodeViewProvider, {
       editor: this.editor,
       props,
       as,
-      className: `node-${this.node.type.name}` + className,
+      className: `node-${this.node.type.name} ${className}`.trim(),
     })
   }
 

From 6598b8ea9444b6ecc12a0d711ac5d71205c4d8ed Mon Sep 17 00:00:00 2001
From: Anton Liubushkin <anton.liubushkin@gmail.com>
Date: Fri, 20 May 2022 13:18:00 +0300
Subject: [PATCH 3/3] Update ReactNodeViewRenderer.tsx

remove trailing spaces
---
 packages/react/src/ReactNodeViewRenderer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/src/ReactNodeViewRenderer.tsx b/packages/react/src/ReactNodeViewRenderer.tsx
index ff6750edb92..a8b4ac3b835 100644
--- a/packages/react/src/ReactNodeViewRenderer.tsx
+++ b/packages/react/src/ReactNodeViewRenderer.tsx
@@ -88,7 +88,7 @@ class ReactNodeView extends NodeView<React.FunctionComponent, Editor, ReactNodeV
     if (this.options.as) {
       as = this.options.as
     }
-    
+
     const { className = '' } = this.options
 
     this.renderer = new ReactRenderer(ReactNodeViewProvider, {