MarkdownProvider
Use the
<MarkdownProvider> component to provide markdown components to <Thread.Messages />.app.tsx
import { useMemo } from 'react'
import {
MarkdownProvider,
Thread,
} from '@superinterface/react'
export const App = () => {
const components = useMemo(() => ({
h1: (props: JSX.IntrinsicElements['h1']) => (
return (
<h1 className="special-h1">
{props.children}
</h1>
)
),
}), [])
return (
<MarkdownProvider
components={components}
>
<Thread />
</MarkdownProvider>
)
}
Props
Here's a summary of the props available for the
<Suggestions> component: