Recibo el siguiente error de ESLint:
Component definition is missing display nameEn el siguiente código:
const Disqus = dynamic(() => import('@/components/blog/disqus'), { ssr: false, loading: () => ( <div className="text-center"> <Loader /> </div> ), }) Específicamente, es el código que comienza con la función de flecha en la propiedad de loading en la línea 3.
He seguido los consejos en los documentos para este error pero no he podido resolver el problema.
Cualquier consejo será bienvenido (no quiero deshabilitar la regla a menos que no haya otra opción)
Después de una hora de intentarlo, luego de publicar esta pregunta, encontré que la respuesta era algo que pensé que había probado:
const Disqus = dynamic(() => import('@/components/blog/disqus'), { ssr: false, loading: function Disqus() { return ( <div className="text-center"> <Loader /> </div> ) }, })Usar una función con nombre en lugar de una función de flecha.