Rules

function-component

Reports all function components in JSON format. Useful for debugging. This rule should only be used for debugging purposes; otherwise leave it off.

Full Name in eslint-plugin-react-debug

react-debug/function-component

Features

🐞

Presets

Rule Details

function MyComponent() {
  return <button />;
}

const MyComponent = () => <button />;

import React from "react";

const MyComponent = React.memo(() => <button />);

import React from "react";

const MyComponent = React.forwardRef(() => <button />);

import React,{ useEffect } from "react";

function MyComponent() {
  useEffect(() => {}}, []);
}

function MyComponent() {
  "use memo";
}

function MyComponent() {
  "use no memo";
}