components.tsx

const components = {
  code: ({ className, children }: { className: string; children: any }) => {
    if (className === undefined) return <code>{children}</code>;

    return <Gist code={children} lang={className.replace("language-", "")} />;
  },
  Gist: Gist,
  img: (props: { src: string; alt: string }) => (
    // eslint-disable-next-line @next/next/no-img-element
    <img {...props} src={props.src} alt={props.alt} loading="lazy" />
  ),
};