2023-07-05 15:11:16 +02:00
|
|
|
---
|
|
|
|
title: Fast Refresh had to perform full reload
|
|
|
|
---
|
2022-11-28 14:18:26 +01:00
|
|
|
|
2023-07-05 15:11:16 +02:00
|
|
|
## Why This Error Occurred
|
2022-11-28 14:18:26 +01:00
|
|
|
|
|
|
|
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.
|
2023-06-14 03:45:27 +02:00
|
|
|
- The component name is in camelCase and not PascalCase, for example `textField` instead of `TextField`.
|
2022-11-28 14:18:26 +01:00
|
|
|
|
2023-07-05 15:11:16 +02:00
|
|
|
## Possible Ways to Fix It
|
2022-11-28 14:18:26 +01:00
|
|
|
|
|
|
|
- Move your other exports to a separate file.
|
|
|
|
- Use a named function for your React component.
|
2023-06-14 03:45:27 +02:00
|
|
|
- Rename your component name to pascal case.
|
2022-11-28 14:18:26 +01:00
|
|
|
|
2023-07-05 15:11:16 +02:00
|
|
|
## Useful Links
|
2022-11-28 14:18:26 +01:00
|
|
|
|
2023-07-05 15:11:16 +02:00
|
|
|
[Fast Refresh documentation](/docs/architecture/fast-refresh)
|