fix(react): simplify Tiptap component API and separate menu imports (#7494)

* fix(react): simplify Tiptap component API and separate menu imports

- Remove isReady from TiptapContextType, editor is now always available
- Move BubbleMenu and FloatingMenu to @tiptap/react/menus entrypoint
- Add backwards-compatible instance prop (deprecated in favor of editor)
- Add helpful error when useTiptap is used outside provider

* Validate editor prop and update demo imports

Throw an error in TiptapWrapper when neither editor nor instance is
provided. Remove the forced cast and expand the deprecation comment to
note upcoming removal. Update demo example imports to use .js/.jsx file
extensions.

* Remove editor prop from BubbleMenu example

Author: bdbch

.changeset/separate-menu-imports-warm-summer-rain.md

@@ -0,0 +1,5 @@
+---
+'@tiptap/react': minor
+---
+
+Moved BubbleMenu and FloatingMenu to separate `@tiptap/react/menus` entrypoint to keep floating-ui optional

.changeset/tiptap-nonnull-editor-calm-blue-sky.md

@@ -0,0 +1,5 @@
+---
+'@tiptap/react': minor
+---
+
+Simplified Tiptap component API with guaranteed non-null editor instance from useTiptap hook

demos/src/Examples/Default/React/MenuBar.tsx

@@ -1,20 +1,16 @@
 import { useTiptap, useTiptapState } from '@tiptap/react'
 import React from 'react'
 
-import { menuBarStateSelector } from './menuBarState.ts'
+import { menuBarStateSelector } from './menuBarState.js'
 
 /**
  * Menu bar component that uses useTiptap and useTiptapState hooks
  * to access the editor from context.
  */
 export function MenuBar() {
-  const { editor, isReady } = useTiptap()
+  const { editor } = useTiptap()
   const editorState = useTiptapState(menuBarStateSelector)
 
-  if (!isReady || !editor) {
-    return null
-  }
-
   return (
     <div className="control-group">
       <div className="button-group">

demos/src/Examples/Default/React/index.tsx

@@ -5,7 +5,7 @@ import { Tiptap, useEditor } from '@tiptap/react'
 import StarterKit from '@tiptap/starter-kit'
 import React from 'react'
 
-import { MenuBar } from './MenuBar.tsx'
+import { MenuBar } from './MenuBar.jsx'
 
 const extensions = [TextStyleKit, StarterKit]
 
@@ -45,7 +45,7 @@ export default () => {
   })
 
   return (
-    <Tiptap instance={editor}>
+    <Tiptap editor={editor}>
       <MenuBar />
       <Tiptap.Content />
     </Tiptap>