diff --git a/.changeset/quiet-falcons-study.md b/.changeset/quiet-falcons-study.md new file mode 100644 index 000000000..3aa408ec0 --- /dev/null +++ b/.changeset/quiet-falcons-study.md @@ -0,0 +1,5 @@ +--- +"@tiptap/react": patch +--- + +Allow setting HTML tags other than for "as" in MarkViewContent diff --git a/packages/react/src/ReactMarkViewRenderer.tsx b/packages/react/src/ReactMarkViewRenderer.tsx index 005dd6658..ed76a0d42 100644 --- a/packages/react/src/ReactMarkViewRenderer.tsx +++ b/packages/react/src/ReactMarkViewRenderer.tsx @@ -16,16 +16,18 @@ export const ReactMarkViewContext = React.createContext({ }) export type MarkViewContentProps = { - as?: NoInfer -} & React.ComponentProps + as?: T +} & Omit, 'as'> -export const MarkViewContent: React.FC = props => { - const Tag = props.as || 'span' +export const MarkViewContent = ( + props: MarkViewContentProps, +) => { + const { as: Tag = 'span', ...rest } = props const { markViewContentRef } = React.useContext(ReactMarkViewContext) return ( // @ts-ignore - + ) }