rich-text-graphcms.tsx

import { RichText } from "@graphcms/rich-text-react-renderer";

import type { RichTextProps } from "@graphcms/rich-text-react-renderer";

interface GraphCMSRichTextProps extends RichTextProps {}

export const GraphCMSRichText = ({ content }: GraphCMSRichTextProps) => {
  return (
    <RichText
      content={content}
      renderers={{
        code_block: ({ children }) => {
          return (
            <pre>
              <code>{children}</code>
            </pre>
          );
        },
      }}
    />
  );
};