Estoy tratando de usar prismjs en mi aplicación nextjs para resaltar mi bloque de código. Pero mi bloque de código no se resalta. aquí está mi código:

Descargué prism.js y prism.css y los agregué en mi _app.js

 _app.js import "../styles/prism.js"; import "../styles/prism.css";

mi página de blog

 import Prism from "Prismjs"; useEffect(() => { const highlight = async () => { await Prism.highlightAll(); // <--- prepare Prism }; highlight(); // <--- call the async function }, []); // <--- run when post updates