puede crear un archivo en la carpeta @utils con el siguiente código:

 import screenfull from 'screenfull'; export default screenfull

luego en tu componente haz algo así:

 import dynamic from 'next/dynamic'; const screenful = dynamic(() => import('../@utils/screenfull'))

La primera pregunta que viene a la mente es ¿cuál es el error que está recibiendo? ¡No hay ninguna razón por la que no pueda importar ninguna biblioteca que haya installed localmente! ¿Realmente instaló ese paquete ejecutando npm install screenfull en su terminal?

Está utilizando las importaciones dinámicas incorrectamente. La idea es que puede importar parte de un módulo JS dentro de otra pieza de código JS, por lo que no tiene que precargar o cargar toda la biblioteca. Un ejemplo podría ser realizar una importación dinámica después de una llamada asíncrona.

A continuación, encontrará algunos otros excelentes ejemplos de cómo usar esta funcionalidad en su aplicación.