Hot Reload not working properly

[Sadam-MCA]

No description provided.

[koistya]

@Sadam-MCA I can only reproduce it if I try using anonymous functions when declaring React components:

// GOOD
export function Example(): JSX.Element {
  return <Box>...</Box>;
}

-- vs --

// BAD
export const Example: React.FC = () => {
  return <Box>...</Box>;
};

If you're using anonymous function, consider giving them names, otherwise you may bump into issues like this one. This particular issue is not related to the starter kit but Fast Refresh limitations I believe. Feel free to re-open if Hot Reloading (Fast Refresh) is not working under some other condition.

Learn more

• [StackOverflow] Anonymous arrow functions cause Fast Refresh to not preserve local component state
• [Medium] Do not use anonymous functions to construct React functional components