Home / Function/ Component() — react Function Reference

Component() — react Function Reference

Architecture documentation for the Component() function in fast-refresh-dont-refresh-const-changes-prod.js from the react codebase.

Entity Profile

Dependency Diagram

graph TD
  69f7e13c_af8b_112f_9065_539d8d5e96fb["Component()"]
  94098980_f57f_361c_6d30_a8e0f8a235cf["fast-refresh-dont-refresh-const-changes-prod.js"]
  69f7e13c_af8b_112f_9065_539d8d5e96fb -->|defined in| 94098980_f57f_361c_6d30_a8e0f8a235cf
  a8877bb8_aff9_8a3e_a70e_9f5b7280d58a["unsafeResetConst()"]
  69f7e13c_af8b_112f_9065_539d8d5e96fb -->|calls| a8877bb8_aff9_8a3e_a70e_9f5b7280d58a
  003abe35_0022_a4bf_2272_6c80bace5436["unsafeUpdateConst()"]
  69f7e13c_af8b_112f_9065_539d8d5e96fb -->|calls| 003abe35_0022_a4bf_2272_6c80bace5436
  style 69f7e13c_af8b_112f_9065_539d8d5e96fb fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-dont-refresh-const-changes-prod.js lines 15–29

function Component() {
  useState(() => {
    // unsafe: reset the constant when first rendering the instance
    unsafeResetConst();
  });
  // UNSAFE! changing a module variable that is read by a component is normally
  // unsafe, but in this case we're simulating a fast refresh between each render
  unsafeUpdateConst();

  // In production mode (no @enableResetCacheOnSourceFileChanges) memo caches are not
  // reset unless the deps change
  const value = useMemo(() => [{pretendConst}], []);

  return <ValidateMemoization inputs={[]} output={value} />;
}

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/fast-refresh-dont-refresh-const-changes-prod.js.
Where is Component() defined?
Component() is defined in compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/fast-refresh-dont-refresh-const-changes-prod.js at line 15.
What does Component() call?
Component() calls 2 function(s): unsafeResetConst, unsafeUpdateConst.

Analyze Your Own Codebase

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

Try Supermodel Free