SVG elements are not supported in the JSX syntax, use the ar

Error message

SVG elements are not supported in the JSX syntax, use the array syntax instead

What it means

Error "SVG elements are not supported in the JSX syntax, use the array syntax instead" thrown in ueberdosis/tiptap.

Source

Thrown at packages/core/src/jsx-runtime.ts:94

  if (tag === 'slot') {
    return 0
  }

  // If the tag is a function, call it with the props
  if (tag instanceof Function) {
    const result = tag(attributes)

    if (Array.isArray(result) && !isJSXElement(result) && !jsxFragments.has(result)) {
      return createJSXElement(result)
    }

    return result
  }

  const { children, ...rest } = attributes ?? {}

  if (tag === 'svg') {
    throw new Error(
      'SVG elements are not supported in the JSX syntax, use the array syntax instead',
    )
  }

  // Handle children array by spreading elements
  if (Array.isArray(children)) {
    if (isJSXElement(children)) {
      return createJSXElement([tag, rest, children])
    }

    if (children.length === 0) {
      // Empty array means no children
      return createJSXElement([tag, rest])
    }

    const flattenedChildren = flattenFragmentChildren(children)

    if (flattenedChildren.length === 0) {

View on GitHub (pinned to 496d53afd7)

When it happens

Trigger: Thrown at packages/core/src/jsx-runtime.ts:94 when the library encounters an invalid state.

Common situations: See trigger scenarios.

AI-assisted analysis of ueberdosis/tiptap@496d53afd7 (2026-08-26). Data as JSON: /api/errors/647731e883f8bea6. Report an issue: GitHub.