JS-1803

Ruling Report

✅ No changes to ruling expected issues in this PR

gitar auto-apply:on         

gitar display:verbose         

_{Was this helpful? React with 👍 / 👎 | Gitar}

Quality Gate passed

Issues
0 New issues
0 Fixed issues
0 Accepted issues

Measures
0 Security Hotspots
0 Dependency risks
94.7% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube

Rule Profile

function Parent() {
  function Header() {
    return <div />;
  }

  return <Header />;
}

False Positive Pattern

The false positives happen in react-table v7 column definitions where the Header property is a render callback. S6478 normally treats functions returning JSX inside another component as nested component definitions, but react-table consumes Header as part of its column configuration API, not as a React component declared and rendered by the parent component.

function Parent() {
  const columns = [
    {
      Header: () => <CustomHeader />,
      accessor: 'name',
    },
  ];

  useTable({ columns });
  return <Table columns={columns} />;
}

False Negative Risk

The risk is bounded because the fix does not suppress all nested JSX-returning functions or all object properties named like components. It suppresses only static Header property values inside objects that look like react-table column definitions, identified by column-shape properties such as accessor, id, or nested columns. Computed properties and ordinary nested component definitions are still reported.

Fix Summary

The implementation recognizes react-table column header renderers before delegating to the underlying nested-component rule. When a function is used as a column Header renderer, S6478 skips the report because that callback is a library configuration hook rather than an unstable nested React component.

• Detects static Header function values in column-like object expressions.
• Requires a react-table column shape, such as accessor, id, or nested columns.
• Keeps computed Header properties and non-column object shapes reportable.
• Adds regression coverage for valid react-table headers and invalid computed-header cases.