jsxConverters() — supabase Function Reference

Source Code

apps/cms/src/components/RichText/index.tsx lines 41–60

const jsxConverters: JSXConvertersFunction<NodeTypes> = ({ defaultConverters }) => ({
  ...defaultConverters,
  ...LinkJSXConverter({ internalDocToHref }),
  blocks: {
    banner: ({ node }) => <BannerBlock className="col-start-2 mb-4" {...node.fields} />,
    mediaBlock: ({ node }) => (
      <MediaBlock
        className="col-start-1 col-span-3"
        imgClassName="m-0"
        {...node.fields}
        captionClassName="mx-auto max-w-[48rem]"
        enableGutter={false}
        disableInnerContainer={true}
      />
    ),
    code: ({ node }) => <CodeBlock className="col-start-2" {...node.fields} />,
    quote: ({ node }) => <QuoteBlock className="col-start-2" {...node.fields} />,
    youtube: ({ node }) => <YouTubeBlock className="col-start-2" {...node.fields} />,
  },
})