Estoy tratando de agregar una copia al complemento del portapapeles de prismjs a mi próxima aplicación. pero no encontré ninguna documentación al respecto. Revisé muchos sitios web e implementé este código.

Todo listo, pero el complemento de copia al portapapeles no funciona.

Aquí está mi código:

_app.js:

 import '../styles/globals.css' import "prismjs/themes/prism-twilight.css"; function MyApp({ Component, pageProps }) { return ( <> <Component {...pageProps} /> </> ) } export default MyApp

blogs/[blog].js:

 import Head from 'next/head' import { useRouter } from 'next/router' import Navbar from '../components/Navbar' import Prism from 'prismjs' import 'prismjs/components/prism-java.min'; import 'prismjs/plugins/copy-to-clipboard/prism-copy-to-clipboard.min' import { useEffect } from 'react'; const Blog = () => { const router = useRouter() const { blog } = router.query useEffect(()=>{ Prism.highlightAll(); },[]) return ( <> <div></div> { // Other components } <pre className="copy-to-clipboard" ><code className="language-java" > {`public Class Main{ public static void main(String[]args) { System.out.println(\"Hello Java..!\"); } }`} </code></pre> </> )

EDITAR: Corregido..!