How to convert dynamic data to MDX

Hello, I got data on GraphCMS in markdown text and I’d like to convert it to MDX. Could you tell me how to do it? I’ve installed mdx-bundler. content: portfolioItem.portfolios[0].content, // <--- it containts the markdown text from GraphCMS. I tried with mdx-remote but there were errors with severity vulnerabilities

I got

import { bundleMDX } from "mdx-bundler";

export const getStaticProps = async ({ params }) => {
  const portfolioItem = await getPortfolioItem(params.slug);
  return {
    props: {
      portfolioItem: portfolioItem.portfolios[0],
      content: portfolioItem.portfolios[0].content,
    },
  };
};

export default function Home({ portfolioItem, content }) {
  console.log(portfolioItem);
  return (
        <div className="prose prose-xl max-w-none mt-4 text-justify  dark:text-gray-100 mb-10">
          {content}
        </div>
  );
}

[bubuq3]

Thank you, everything works right now 👍 appreciate your help 😄 btw. is it possible to highlight the syntax in js? there is just gray color of the text 😦

    function metamorphose(protagonist,author){
        if( protagonist.name.first === 'Gregor' && author.name.last === 'Kafka' ){
            protagonist.species = 'insect';
        }
    }

[Arcath]

Looks like mdx-bundler is doing its job 😃

Is tailwind-typography installed and configured?