Tengo un paquete web de terceros que inyecta html dentro <app><app/>

Esta es la implementación de React

 import "./bundle.js"; function Appp() { return <app />; }

¿Cómo logro esto en NextJS usando la representación del lado del cliente? Estas son las cosas que he probado

1. Importaciones dinámicas

 //component import './editors/scripts/paperbits' const Editor =()=>{ return( <app/> ) } export default Editor //index.js const Editor = dynamic(() => import('../editor'), { ssr: false } ) export default function Home() { return ( <div><Editor/></div> ) }

En esto, el script se está cargando pero no está inyectando el html.

Lo único que funcionó fue agregar el script y la etiqueta a _document.js