Insert math formulas with this button

npx @tiptap/cli add mathematics-button

import { MathematicsButton } from '@/components/tiptap-ui/mathematics-button'
import { useEditor, EditorContent } from '@tiptap/react'
import { Mathematics } from '@tiptap-pro/extension-mathematics'

import '@/registry/tiptap-node/paragraph-node/paragraph-node.scss'

import 'katex/dist/katex.min.css'

export default function MyEditor() {
  const editor = useEditor({
    extensions: [
      // ... other extensions
      Mathematics,
    ],
  })

  return (
    <div>
      <div className="toolbar">
        <MathematicsButton editor={editor} />
      </div>
      <EditorContent editor={editor} />
    </div>
  )
}