From ac24e773bd080841ece881fc27487c9ee5462cba Mon Sep 17 00:00:00 2001
From: Aslam H <iupin5212@gmail.com>
Date: Sun, 18 Aug 2024 09:33:18 +0700
Subject: [PATCH] fix: missing key

---
 src/App.tsx                                               | 4 ++--
 src/components/minimal-tiptap/components/shortcut-key.tsx | 1 +
 src/components/minimal-tiptap/minimal-tiptap.tsx          | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 0fe7105..345b2d3 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -64,7 +64,7 @@ const ExampleForm = () => {
                   className={cn('w-full', {
                     'border-destructive focus-within:border-destructive': form.formState.errors.description
                   })}
-                  editorContentClassName="p-5"
+                  editorContentClassName="some-class"
                   output="html"
                   placeholder="Type your description here..."
                   autofocus={true}
@@ -72,7 +72,7 @@ const ExampleForm = () => {
                   editable={true}
                   injectCSS={true}
                   shouldRerenderOnTransaction={false}
-                  editorClassName="focus:outline-none"
+                  editorClassName="focus:outline-none p-5"
                 />
               </FormControl>
               <FormMessage />
diff --git a/src/components/minimal-tiptap/components/shortcut-key.tsx b/src/components/minimal-tiptap/components/shortcut-key.tsx
index ee282ed..2691528 100644
--- a/src/components/minimal-tiptap/components/shortcut-key.tsx
+++ b/src/components/minimal-tiptap/components/shortcut-key.tsx
@@ -14,6 +14,7 @@ export const ShortcutKey = React.forwardRef<HTMLSpanElement, ShortcutKeyProps>((
     <span aria-label={ariaLabel} className={cn('inline-flex items-center gap-0.5', className)} {...props} ref={ref}>
       {modifiedKeys.map(shortcut => (
         <kbd
+          key={shortcut.symbol}
           className={cn(
             'inline-block min-w-2.5 text-center align-baseline font-sans text-xs font-medium capitalize text-[rgb(156,157,160)]',
 
diff --git a/src/components/minimal-tiptap/minimal-tiptap.tsx b/src/components/minimal-tiptap/minimal-tiptap.tsx
index 4c3d4c4..5524b26 100644
--- a/src/components/minimal-tiptap/minimal-tiptap.tsx
+++ b/src/components/minimal-tiptap/minimal-tiptap.tsx
@@ -66,7 +66,7 @@ export const MinimalTiptapEditor = React.forwardRef<HTMLDivElement, MinimalTipta
         <Toolbar editor={editor} />
 
         <div className="h-full grow" onClick={handleClick}>
-          <EditorContent editor={editor} className={cn('minimal-tiptap-editor p-5', editorContentClassName)} />
+          <EditorContent editor={editor} className={cn('minimal-tiptap-editor', editorContentClassName)} />
         </div>
 
         <LinkBubbleMenu editor={editor} />