react-refresh/only-export-components conflicts with Next.js

[musjj]

Your environment

• Environment name and version: Node.js 22.11.0
• Operating System and version: NixOS 24.11
• Package manager and version: npm 10.9.0

Describe the bug

Next.js allows users to export metadata objects in pages and layouts:

export const metadata = {
  title: 'Acme',
  openGraph: {
    title: 'Acme',
    description: 'Acme is a...',
  },
}

This conflicts with the react-refresh/only-export-components rule.

Project

None

Minimal reproduction

No response

Steps to reproduce

1. Put the following snippet in a Next.js codebase:

   export const metadata = {
     title: 'Acme',
     openGraph: {
       title: 'Acme',
       description: 'Acme is a...',
     },
   }

2. Run eslint .

Logs

Code of Conduct

• I agree to follow this project's Code of Conduct
• I have read the Contributing Guidelines on Issues.

I will submit a PR

• I'd be willing to submit a PR for this issue.

[AndreaPontrandolfo]

So we should disable the rule in this file, only for pages and layouts.

[musjj]

I'm thinking of whitelisting it for metadata only, like:

"react-refresh/only-export-components": [
  "error",
  { allowExportNames: ["metadata"] },
]

What do you think?

[AndreaPontrandolfo]

Oh yeah, even better, but i think we should still do it only in that file.

Also in the react config file we could add { allowExportNames: ["loader"] }