fix: missing key

Aslam97 · Aug 18, 2024 · ac24e77 · ac24e77
1 parent b404823
commit ac24e77
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -64,15 +64,15 @@ 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}
                   immediatelyRender={true}
                   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
@@ -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
@@ -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} />