boopathi/react-svg-loader

Fast Refresh: "Anonymous arrow functions cause Fast Refresh to not preserve local component state."

mikestopcontinues opened this issue · 1 comments

React's new Fast Refresh wants the components exported by react-svg-loader to have a name. Here's the full error:

Anonymous arrow functions cause Fast Refresh to not preserve local component state.
Please add a name to your function, for example:

Before
export default () => <div />;

After
const Named = () => <div />;
export default Named;

If anyone shows up here, just switch to svgr.