import React from "react"; import { CopyBlock, dracula } from "react-code-blocks"; export default function Codeblocks() { return ( <div style={{ fontFamily: 'IBM Plex Mono' }}> <CopyBlock text={`function toBe() { if (Math.random() < 0.5) { return true; } else { return false; } }`} showLineNumbers codeBlock language="js" theme={dracula} /> </div> ); }Estoy tratando de usar el paquete react-code-blocks en mi aplicación next.js, todo funciona bien, ¡pero no sé por qué se muestra así!