Home / Function/ Component() — react Function Reference

Component() — react Function Reference

Architecture documentation for the Component() function in error.invalid-jsx-captures-context-variable.js from the react codebase.

Entity Profile

Dependency Diagram

graph TD
  d292f0a3_d186_2e05_f201_cfe7e6ff572b["Component()"]
  51902be8_5159_6505_a889_882a3c62b169["error.invalid-jsx-captures-context-variable.js"]
  d292f0a3_d186_2e05_f201_cfe7e6ff572b -->|defined in| 51902be8_5159_6505_a889_882a3c62b169
  style d292f0a3_d186_2e05_f201_cfe7e6ff572b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-jsx-captures-context-variable.js lines 4–31

function Component({prop1, prop2}) {
  'use memo';

  const data = useIdentity(
    new Map([
      [0, 'value0'],
      [1, 'value1'],
    ])
  );
  let i = 0;
  const items = [];
  items.push(
    <Stringify
      key={i}
      onClick={() => data.get(i) + prop1}
      shouldInvokeFns={true}
    />
  );
  i = i + 1;
  items.push(
    <Stringify
      key={i}
      onClick={() => data.get(i) + prop2}
      shouldInvokeFns={true}
    />
  );
  return <>{items}</>;
}

Subdomains

Frequently Asked Questions

What does Component() do?
Component() is a function in the react codebase, defined in compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-jsx-captures-context-variable.js.
Where is Component() defined?
Component() is defined in compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.invalid-jsx-captures-context-variable.js at line 4.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free