react Architecture Docs
Home / Function/ Component() — react Function Reference

Component() — react Function Reference

Architecture documentation for the Component() function in error.ref-value-in-event-handler-wrapper.tsx from the react codebase.

Function tsx TestingUtilities Fixtures calls 1

Entity Profile

Dependency Diagram

graph TD
  d421c0b8_45cd_256b_e839_c1f34487373f["Component()"]
  57a58ea5_b8da_0eed_1e35_7f19e68b35f1["error.ref-value-in-event-handler-wrapper.tsx"]
  d421c0b8_45cd_256b_e839_c1f34487373f -->|defined in| 57a58ea5_b8da_0eed_1e35_7f19e68b35f1
  4355124b_ed4a_09aa_d09f_361096e131b2["handleClick()"]
  d421c0b8_45cd_256b_e839_c1f34487373f -->|calls| 4355124b_ed4a_09aa_d09f_361096e131b2
  style d421c0b8_45cd_256b_e839_c1f34487373f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-value-in-event-handler-wrapper.tsx lines 11–22

function Component() {
  const ref = useRef(null);

  // This should still error: passing ref.current directly to a wrapper
  // The ref value is accessed during render, not in the event handler
  return (
    <>
      <input ref={ref} />
      <button onClick={handleClick(ref.current)}>Click</button>
    </>
  );
}

Domain

Subdomains

Defined In

Calls

Source

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.ref-value-in-event-handler-wrapper.tsx.
Where is Component() defined?
Component() is defined in compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.ref-value-in-event-handler-wrapper.tsx at line 11.
What does Component() call?
Component() calls 1 function(s): handleClick.

Analyze Your Own Codebase

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

Try Supermodel Free