tiptap is stupid

Author: BuddyWinte

components/docs/RichDocumentEditor.tsx

@@ -2,7 +2,8 @@
 
 import { useCallback, useEffect, useRef, useState } from "react";
 import clsx from "clsx";
-import { useEditor, EditorContent, BubbleMenu } from "@tiptap/extension-bubble-menu/react";
+import { useEditor, EditorContent } from "@tiptap/react";
+import { BubbleMenu } from '@tiptap/react/menus';
 import StarterKit from "@tiptap/starter-kit";
 import Underline from "@tiptap/extension-underline";
 import Link from "@tiptap/extension-link";
@@ -362,7 +363,7 @@ export default function RichDocumentEditor({
         {editor && !disabled && (
           <BubbleMenu
             editor={editor}
-            tippyOptions={{ duration: 100, placement: "top", offset: [0, 8] }}
+            options={{ placement: "top", offset: 10 }}
             className="flex items-center gap-0.5 rounded-lg border border-zinc-200/90 bg-white/95 p-0.5 shadow-xl backdrop-blur-sm dark:border-zinc-700 dark:bg-zinc-900/95"
           >
             <BubbleBtn