Enable and ignore "react-refresh" eslint rule

Author: didoesdigital

.eslintrc.json

@@ -11,7 +11,7 @@
     "plugin:react-hooks/recommended"
   ],
   "parser": "@typescript-eslint/parser",
-  "plugins": ["@typescript-eslint"],
+  "plugins": ["@typescript-eslint", "react-refresh"],
   "root": true,
   "ignorePatterns": [
     // Ignore top-level dot files:
@@ -52,7 +52,8 @@
     ],
     "react/display-name": "off",
     "react/no-unescaped-entities": "off",
-    "react/prop-types": "off"
+    "react/prop-types": "off",
+    "react-refresh/only-export-components": "warn"
   },
   "settings": {
     "react": {

src/components/Announcer/AnnouncerContext.tsx

@@ -1,7 +1,9 @@
 import { createContext } from "react";
 
+// eslint-disable-next-line react-refresh/only-export-components
 export const ContextData = createContext({ message: "" });
 
+// eslint-disable-next-line react-refresh/only-export-components
 export const ContextApi = createContext({
   updateMessage: (message: string) => {
     // do nothing

src/components/Chart/Chart.tsx

@@ -4,6 +4,7 @@ import * as React from "react";
 // @ts-expect-error TS(2554) FIXME: Expected 1 arguments, but got 0.
 const ChartContext = createContext();
 
+// eslint-disable-next-line react-refresh/only-export-components
 export const useDimensionsContext = () => useContext(ChartContext);
 
 type Props = {

src/index.tsx

@@ -12,6 +12,7 @@ import { useLessonIndexWithFallback } from "./states/lessonIndexState";
 import { revisionModeState } from "./states/lessonState";
 import Analytics from "components/Analytics";
 
+// eslint-disable-next-line react-refresh/only-export-components
 function AppWrapper(props: object) {
   const lessonIndex = useLessonIndexWithFallback();
   // @ts-expect-error TS(2740) FIXME: Type '{ lessonIndex: LessonIndexEntry[]; }' is mis... Remove this comment to see the full error message

src/pages/games/TPEURPBGS/TPEURPBGSContext/TPEURPBGSContext.tsx

@@ -1,11 +1,13 @@
 import { createContext } from "react";
 import { UntrustedMultilineString, defaultState } from "../gameReducer";
 
+// eslint-disable-next-line react-refresh/only-export-components
 export const ContextData = createContext({
   ...defaultState,
   repeatToWin: 10, // TODO: this should come from somewhere else
 });
 
+// eslint-disable-next-line react-refresh/only-export-components
 export const ContextApi = createContext({
   gameRestarted: () => {
     // do nothing

src/pages/lessons/components/Metronome.tsx

@@ -181,4 +181,5 @@ const Metronome: FC<Props> = () => {
 };
 
 export default Metronome;
+// eslint-disable-next-line react-refresh/only-export-components
 export { bpmBracketsSprite, playId };

src/pages/lessons/flashcards/Flashcards.tsx

@@ -779,6 +779,7 @@ export class Flashcards extends Component<FlashcardsProps, State> {
   }
 }
 
+// eslint-disable-next-line react-refresh/only-export-components
 export default withAppMethods(
   withAtomsCompat(FlashcardsWrapper, [
     ["userSettings", userSettingsState],

src/pages/writer/Writer.tsx

@@ -431,12 +431,14 @@ class Writer extends Component<WithAppMethods<Props & {changeStenoLayout: Return
   }
 }
 
+// eslint-disable-next-line react-refresh/only-export-components
 function WriterWrapper(props: WithAppMethods<Props>) {
   const changeStenoLayout = useChangeStenoLayout()
   const changeWriterInput = useChangeWriterInput()
   return <Writer {...props} {...{changeStenoLayout, changeWriterInput}} />;
 }
 
+// eslint-disable-next-line react-refresh/only-export-components
 export default withAppMethods(withAtomsCompat(WriterWrapper, [
   ["userSettings", userSettingsState],
   ["globalUserSettings", globalUserSettingsState]

src/states/legacy/AppMethodsContext.tsx

@@ -39,6 +39,7 @@ const AppMethodsContext = createContext<AppMethods>(null!);
 
 export default AppMethodsContext;
 
+// eslint-disable-next-line react-refresh/only-export-components
 export const useAppMethods = () => {
   return useContext(AppMethodsContext);
 }
@@ -47,6 +48,7 @@ export const useAppMethods = () => {
 export type WithAppMethods<P> = {
   appMethods: AppMethods;
 } & P;
+// eslint-disable-next-line react-refresh/only-export-components
 export const withAppMethods = <P, >(Component: ComponentType<WithAppMethods<P>>) => (props: P) => {
   return (
     <AppMethodsContext.Consumer>