Fast refresh only works when a file only export components. Move your component(s) to a separate file.eslint(react-refresh/only-expor

[vaynevayne]

How can I solve this eslint problem?

// router.tsx
const AdAccount = lazy(() => import('@/pages/AdAccount'))

// AdAccount 
const AdAccount = null
export default AdAccount

[riadkhan60]

If you read the article linked below you might understand the issue.

https://nextjs.org/docs/architecture/fast-refresh

They have introduced a new method of refreshing a file that aims to be faster. However, for this method to work effectively, the file should only contain components, not constant values or functions. This isn't something that could be called an error; it's completely acceptable. All you need to do is separate the functions into another file, and that will resolve the issue