Skip to content

JSX runtime doesn't render nested sibling elements correctly #6949

@lauri865

Description

@lauri865

Affected Packages

core,react

Version(s)

3.0.0@latest

Bug Description

Custom atom node with multiple siblings results in "Invalid array passed to renderSpec"
https://codesandbox.io/p/sandbox/tiptap-custom-storage-issue-forked-lntpcp

This works just fine:

 return [
      "div",
      { ...HTMLAttributes, class: "stats" },
      [
        "div",
        { class: "stat" },
        ["div", { class: "stat-title" }, "Title"],
        [
          "div",
          { class: "stat-value" },
          "1,000",
        ],
      ]
];

Browser Used

Chrome

Code Example URL

https://codesandbox.io/p/sandbox/tiptap-custom-storage-issue-forked-lntpcp

Expected Behavior

Should support nested siblings.

Additional Context (Optional)

No response

Dependency Updates

  • Yes, I've updated all my dependencies.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Open SourceThe issue or pull reuqest is related to the open source packages of Tiptap.

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions