Estoy trabajando en un proyecto NextJs. En él, encontré este fragmento de código dentro de next.config.js
:
const withTM = require('next-transpile-modules')([ 'some package', 'some package', 'emittery', '@next/react-dev-overlay' ]);
Me preguntaba cuál es el propósito de este @next/react-dev-overlay
y no pude encontrar nada en línea. Lo único fue esta pregunta sin respuesta en los problemas de nextjs github. Cuando lo elimino, parece que el proyecto funciona como se esperaba. Mi pregunta es ¿cuál es el propósito de este paquete @next/react-dev-overlay y debería eliminarlo?
El paquete @next/react-dev-overlay
es una superposición solo de desarrollo para aplicaciones React. Next.js lo usa internamente para mostrar los mensajes de error que ve en el desarrollo.
Así es como se ve la superposición de errores cuando ocurre un error del lado del cliente en una aplicación Next.js:
En cuanto a por qué ese paquete se incluyó en next.config.js
, solo puedo suponer que se está usando directamente en esa aplicación y debe transpilarse para usarse. La mayoría de las veces no necesitaría instalarlo o usarlo directamente.