add news eslint rules for examples to ensure that components import does not break hmr

Author: obiot

eslint.config.mjs

@@ -2,6 +2,7 @@ import jsdoc from "eslint-plugin-jsdoc";
 import globals from "globals";
 import tseslint from "typescript-eslint";
 import eslint from "@eslint/js";
+import reactRefresh from "eslint-plugin-react-refresh";
 
 const jsDocConfig = jsdoc.configs["flat/recommended-typescript-error"];
 
@@ -158,6 +159,10 @@ export default tseslint.config(
 	{
 		...jsDocConfig,
 		files: ["**/*.{ts,tsx,mts,cts}"],
+		plugins: {
+			jsdoc,
+			"react-refresh": reactRefresh,
+		},
 		rules: {
 			"no-undef": "off",
 			"no-unused-vars": "off",
@@ -183,6 +188,7 @@ export default tseslint.config(
 			"jsdoc/require-jsdoc": "off",
 			"jsdoc/no-defaults": "off",
 			"jsdoc/require-returns": "off",
+			"react-refresh/only-export-components": "warn",
 		},
 		languageOptions: {
 			parserOptions: {

package.json

@@ -32,6 +32,7 @@
 		"vitest": "^2.0.5"
 	},
 	"devDependencies": {
+		"eslint-plugin-react-refresh": "^0.4.11",
 		"playwright": "^1.46.0"
 	}
 }