In Fast Refresh, what will happen if you edit files imported by modules outside of the React Tree?

In React Native's Fast Refresh, if you edit a file that is imported by modules outside of the React tree, Fast Refresh will fall back to performing a full reload of the application. This behavior occurs because the changes in such files can affect non-React components or other parts of the application that are not directly managed by React, making it necessary to reload the entire app to ensure consistency and correctness.

For example, if you have a file that exports both a React component and a constant that is used by a non-React utility module, editing this file will trigger a full reload. To avoid this, it is recommended to separate the non-React exports into different files, ensuring that Fast Refresh can work effectively without needing to perform a full reload[3][4][6][9][11].

Citations:
[1] https://github.com/facebook/react-native/issues/32001
[2] https://reactnative.dev/blog/2019/09/18/version-0.61
[3] https://reactnative.dev/docs/fast-refresh
[4] https://www.geeksforgeeks.org/what-are-...