fast-refresh-reload.mdx
title: Fast Refresh had to perform full reload
Why This Error Occurred
Fast Refresh had to perform a full reload when you edited a file. It may be because:
- The file you're editing might have other exports in addition to a React component.
- Your React component is an anonymous function.
- The component name is in camelCase and not PascalCase, for example
textFieldinstead ofTextField.
Possible Ways to Fix It
- Move your other exports to a separate file.
- Use a named function for your React component.
- Rename your component name to pascal case.
Useful Links
Rendered from the public repository vercel/next.js on GitHub; content belongs to its authors. Cached for up to an hour.