Actualmente estoy experimentando esta advertencia que apunta a un objeto sin nombre en un archivo de configuración, y nombrarlo no resuelve la advertencia. A continuación se muestra la advertencia detallada y ejemplos.

Advertencia:

 Anonymous arrow functions cause Fast Refresh to not preserve local component state. Please add a name to your function, for example: Before export default () => <div />; After const Named = () => <div />; export default Named;

Antes:

 export const = { apiUrl: process.env.NEXT_PUBLIC_API_URL as string, commitRef: process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_REF as string, ldSdkKey: process.env.NEXT_PUBLIC_LD_SDK_KEY as string, imgixBaseUrl: process.env.NEXT_PUBLIC_IMGIX_BASE_URL as string, imgixApiKey: process.env.NEXT_PUBLIC_IMGIX_API_KEY as string, imgixResourceID: process.env.NEXT_PUBLIC_IMGIX_RESOURCE_ID as string, };

Intento de resolución ./src/config.ts:

 const AppConfig = { apiUrl: process.env.NEXT_PUBLIC_API_URL as string, commitRef: process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_REF as string, ldSdkKey: process.env.NEXT_PUBLIC_LD_SDK_KEY as string, imgixBaseUrl: process.env.NEXT_PUBLIC_IMGIX_BASE_URL as string, imgixApiKey: process.env.NEXT_PUBLIC_IMGIX_API_KEY as string, imgixResourceID: process.env.NEXT_PUBLIC_IMGIX_RESOURCE_ID as string, }; export default AppConfig;

Esperemos que alguien más haya experimentado esto y haya encontrado una solución.