As per this (currently) open issue on the eslint-plugin-react-refresh project, this is most likely a false positive.

The author of the project suggests these work-arounds

There are two solutions:

• Put a disable comment for this rule for all the file. This will not actually break fast refresh so this ok>
• Instead of exporting the router, export a component that render the Router provider

Hey! You are exporting both a component and a function from the same file. Fast Refresh only works, when you're exporting components exclusively. For Fast Refresh to work, you need to put your NotePage Component and the loader into different files, e.g., notepage.element.tsx and notepage.loader.ts.

I just got the same error, a bit different use, but I also had a Utilities.tsx file where I abstracted away functions, error happened when I tried to have both function exports and component exports at the same time.

export const sum = (a,b) => {
return a + b
}
export const Component = () => {
return <p>Hello World</p>
}

This would cause an error since it has both functions and components being exported. You must have a separate file that exports your reusable or abstracted components in order for Fast Refresh to work.