Tenho um projeto que usa uma dependência chamada @uiw/react-md-editor
e, para que funcione com Next.js, preciso criar o arquivo next.config.js
e colocar este código:
// next.config.js
const removeImports = require('next-remove-imports')();
module.exports = removeImports({});
E isto funciona.
Mas quando preciso definir as configurações do próprio Next.js nesse arquivo (nesse caso para permitir acesso de imagens de outros domínios), tenho que fazer isto:
// next.config.js
module.exports = {
images: {
domains: [
'localhost',
'10.0.0.164',
'exemplo.com',
'exemplo.com.br'
]
}
};
Aí que começa o problema. Não consigo usar os dois códigos no mesmo arquivo, o que era para ser algo simples).
Já tentei declarar dois module.exports
separados, já tentei exportar um objeto com os dois, um array, e tudo que conheço. Mas só "funciona" se tiver um ou o outro. Mas se tiver só um então vou ter que remover a lógica do outro do app e quero usar os dois recursos. Já pesquisei e encontrei alguns exemplos de como fazer isso, mas todos estão desatualizados.
Observe que esse exemplo não acontece apenas com essa biblioteca. Sempre que preciso exportar duas configurações (de um plugin e do Next.js, por exemplo), dá erro.