chore(deps): update dependency eslint-plugin-react-prefer-function-component to v3

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
eslint-plugin-react-prefer-function-component	2.0.0 -> 3.4.0

---

Release Notes

tatethurston/eslint-plugin-react-prefer-function-component (eslint-plugin-react-prefer-function-component)

v3.4.0

Compare Source

• Improved TypeScript type for the configuration object. See #​17. Thanks @​PrettyCoffee!

v3.3.0

Compare Source

Adds ESLint's new configuration system, flat config. If you're using the new flat config:

`eslint.config.js`:

```js
import eslint from "@​eslint/js";
import reactRecommended from "eslint-plugin-react/configs/recommended.js";
import preferFC from "eslint-plugin-react-prefer-function-component/config";

export default [
  { files: ["**/*.{js,jsx}"] },
  eslint.configs.recommended,
  reactRecommended,
  preferFC.configs.recommended,
];
```

v3.2.0

Compare Source

• The plugin's recommended configuration has been fixed, so plugins can be dropped from your .eslintrc when using the recommended settings:

  module.exports = {
  -  plugins: ["react-prefer-function-component"],
    extends: ["plugin:react-prefer-function-component/recommended"],
  };

  Thanks @​alecmev!

v3.1.0

Compare Source

• New option: allowJsxUtilityClass. This configuration option permits JSX utility classes: classes that have methods that return JSX but are not themselves components(they do not extend from a Component class or have a render method).

  The following is now permitted when enabling this configuration option:

  class Foo {
    getBar() {
      return <Bar />;
    }
  }

  Thanks noahm for the contribution!

v3.0.0

Compare Source

Detects class components that extend the Component class, even if they do not use any JSX. Now errors on manager, business logic, and other renderless class components that extend Component. Previously the below was not caught:

class TimerComponent extends React.Component {
  /// ...

  componentWillMount() {
    this.startTimer();
  }

  componentWillUnmount() {
    this.stopTimer();
  }

  render() {
    null;
  }
}

Thanks @​wo1ph for the improvements!

---

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
devbox	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 13, 2025 1:23am