Actualmente estoy usando "react": "17.0.2" y he instalado "react-markdown": "^7.0.1" a través npm i react-markdown Estoy usando este paquete para mostrar mi texto enriquecido que Estoy obteniendo de mi Strapi CMS. He usado el siguiente código para mostrar el contenido:

 import ReactMarkdown from "react-markdown"; export default function name({ posts }) { return ( <> <div> <div> {posts.Title} </div> </div> <div> <ReactMarkdown source={posts.Content} escapeHtml={false} /> </div> </> ); } export async function getStaticProps() { const res = await fetch("http://localhost:1337/blogs"); const posts = await res.json(); return { props: { posts }, }; }

Pero cuando ejecuto esto me da el siguiente error:

Estoy usando el nodo v14.17.0 y he intentado agregar "type": "module" .

Mi paquete.json:

 { "name": "passportlegacy", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "axios": "^0.21.1", "babel-plugin-inline-react-svg": "^2.0.1", "next": "11.0.1", "next-images": "^1.8.1", "react": "17.0.2", "react-dom": "17.0.2", "react-map-gl": "^6.1.16", "react-markdown": "^7.0.1", }, "devDependencies": { "@svgr/webpack": "^5.5.0", "@types/react": "17.0.16", "eslint": "7.32.0", "eslint-config-next": "11.0.1", "typescript": "4.3.5" } }