When installing the Editor component using the documented command:
npx shadcn@latest add https://www.shadcn.io/registry/editor.json
and running the app, I get this runtime error:
Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/@tiptap_react.js?v=2e4f9395' does not provide an export named 'BubbleMenu' (at index.tsx:21:3)
Steps to reproduce
- Create a new project following the shadcn.io Editor docs.
- Run the
npx shadcn@latest add … command above.
- Start the dev server with Vite.
- Open the editor page.
Expected behavior
The Editor component should work out of the box, with TipTap correctly providing the BubbleMenu and FloatingMenu exports.
Actual behavior
The app crashes immediately with the error above.
It seems that the registry entry may be pulling in mismatched or incompatible TipTap versions, since BubbleMenu is only exported in TipTap v2.
Environment
- Vite (latest)
- React 19.1.1
- Installed with
npx shadcn@latest add https://www.shadcn.io/registry/editor.json
- Node version: 24.9.0
- Package manager: npm
When installing the Editor component using the documented command:
and running the app, I get this runtime error:
Steps to reproduce
npx shadcn@latest add …command above.Expected behavior
The Editor component should work out of the box, with TipTap correctly providing the
BubbleMenuandFloatingMenuexports.Actual behavior
The app crashes immediately with the error above.
It seems that the registry entry may be pulling in mismatched or incompatible TipTap versions, since
BubbleMenuis only exported in TipTap v2.Environment
npx shadcn@latest add https://www.shadcn.io/registry/editor.json