Skip to content

Editor component fails with TipTap import error #17

@heruan

Description

@heruan

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

  1. Create a new project following the shadcn.io Editor docs.
  2. Run the npx shadcn@latest add … command above.
  3. Start the dev server with Vite.
  4. 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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions