This plugin provides a single rule, react-refresh/only-export-components. There are multiple ways to enable it. import { defineConfig } from "eslint/config"; import { reactRefresh } from "eslint-plugin-react-refresh"; export default defineConfig( ...

import { defineConfig } from "eslint/config"; import { reactRefresh } from "eslint-plugin-react-refresh"; export default defineConfig({ files: ["**/*.ts", "**/*.tsx"], plugins: { // other plugins "react-refresh": reactRefresh.plugin, }, rules: { // other rules "react-refresh/only-export-components": [ "warn", { extraHOCs: ["someLibHOC"] }, ], }, });

npm i eslint-plugin-react-refresh · github.com/ArnaudBarre/eslint-plugin-react-refresh · github.com/ArnaudBarre/eslint-plugin-react-refresh#readme · 16,853,181 · 0.5.2 · MIT · 21.4 kB · 5 · 15 days ago · arnaud-barre · Analyze security with SocketCheck bundle sizeView package healthExplore dependencies ·

Validate that your components can safely be updated with Fast Refresh - eslint-plugin-react-refresh/CHANGELOG.md at main · ArnaudBarre/eslint-plugin-react-refresh

Validate that your components can safely be updated with Fast Refresh - Workflow runs · ArnaudBarre/eslint-plugin-react-refresh

January 5, 2025 - From what I've gathered, it's recommended that any file exporting a React component should not export anything else (e.g., utility functions, data) to ensure Fast Refresh functions properly, and I found eslint-plugin-react-refresh which exists to help enforce this rule.

Validate that your components can safely be updated with fast refresh · github.com/ArnaudBarre/eslint-plugin-react-refresh · ArnaudBarre/eslint-plugin-react-refresh · 100 lines (73 loc) • 2.45 kB · Markdown · View Raw · 1 · 2 · 3 · 4 · 5 · 6 · 7 · 8 · 9 ·

React-specific linting rules for ESLint. Contribute to jsx-eslint/eslint-plugin-react development by creating an account on GitHub.

Validate that your components can safely be updated with Fast Refresh - ArnaudBarre/eslint-plugin-react-refresh

For more detailed information, please refer to the documentation of each bundler. ... eslint-plugin-react-refresh is a plugin also linked from @vitejs/plugin-react that defines rules to make react-refresh function properly.

June 30, 2024 - Rule react-refresh/only-export-components is too large. ... What we really want is to prohibit anonymous default exports. (like import/no-anonymous-default-export) I plan to implement it. feat(lint): add rule useComponentExportOnlyModules #3576 · The following are not included in the current lint rules, but they are desired for future implementation. ... Since PascalCase is used to identify React components, we would like something equivalent to react/jsx-pascal-case.

February 20, 2021 - plugins: [ new ReactRefreshPlugin(), { ...eslint({ fix: true, include: "**/*.(js|ts|jsx|tsx)", exclude: "node_modules/**", throwOnError: true, throwOnWarning: true, }), enforce: "pre", }, ], I think there may be a bug. It can be reproduced in the following repository. https://github.com/careyke/hello-vite-react-template · When you reproduce the error, please swap the order of react-refresh and @rollup/plugin-eslint in vite.config.js

September 16, 2023 - Also, although documentation about "Fast Refresh" is a bit scant unfortunately, some resources on it also say that each export requires its own export statement... https://github.com/ArnaudBarre/eslint-plugin-react-refresh

AboutValidate that your components can safely be updated with Fast Refresh7,920,229Weekly Downloads · Latest version0.4.26 · LicenseMIT · External Links · github.com/ArnaudBarre/eslint-plugin-react-refresh#readme · github.com/ArnaudBarre/eslint-plugin-react-refresh ·

August 10, 2023 - Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert · {{ message }} ArnaudBarre / eslint-plugin-react-refresh Public ·

We found that eslint-plugin-react-refresh demonstrates a positive version release cadence with at least one new version released in the past 3 months. As a healthy sign for on-going project maintenance, we found that the GitHub repository had ...

This package contains type definitions for eslint-plugin-react-refresh (https://github.com/ArnaudBarre/eslint-plugin-react-refresh#readme).