Home / File/ derived-state-from-prop-setter-used-outside-effect-no-error.js — react Source File

derived-state-from-prop-setter-used-outside-effect-no-error.js — react Source File

Architecture documentation for derived-state-from-prop-setter-used-outside-effect-no-error.js, a javascript file in the react codebase. 1 imports, 0 dependents.

File javascript TestingUtilities Fixtures 1 imports 2 functions

Entity Profile

Dependency Diagram

graph LR
  71a2cbca_7163_9369_63ea_bf0a0ee4ebf5["derived-state-from-prop-setter-used-outside-effect-no-error.js"]
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  71a2cbca_7163_9369_63ea_bf0a0ee4ebf5 --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  style 71a2cbca_7163_9369_63ea_bf0a0ee4ebf5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

// @validateNoDerivedComputationsInEffects_exp @loggerTestOnly @outputMode:"lint"
import {useEffect, useState} from 'react';

function MockComponent({onSet}) {
  return <div onClick={() => onSet('clicked')}>Mock Component</div>;
}

function Component({propValue}) {
  const [value, setValue] = useState(null);
  useEffect(() => {
    setValue(propValue);
  }, [propValue]);

  return <MockComponent onSet={setValue} />;
}

export const FIXTURE_ENTRYPOINT = {
  fn: Component,
  params: [{propValue: 'test'}],
};

Subdomains

Dependencies

  • react

Frequently Asked Questions

What does derived-state-from-prop-setter-used-outside-effect-no-error.js do?
derived-state-from-prop-setter-used-outside-effect-no-error.js is a source file in the react codebase, written in javascript. It belongs to the TestingUtilities domain, Fixtures subdomain.
What functions are defined in derived-state-from-prop-setter-used-outside-effect-no-error.js?
derived-state-from-prop-setter-used-outside-effect-no-error.js defines 2 function(s): Component, MockComponent.
What does derived-state-from-prop-setter-used-outside-effect-no-error.js depend on?
derived-state-from-prop-setter-used-outside-effect-no-error.js imports 1 module(s): react.
Where is derived-state-from-prop-setter-used-outside-effect-no-error.js in the architecture?
derived-state-from-prop-setter-used-outside-effect-no-error.js is located at compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations/derived-state-from-prop-setter-used-outside-effect-no-error.js (domain: TestingUtilities, subdomain: Fixtures, directory: compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/effect-derived-computations).

Analyze Your Own Codebase

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

Try Supermodel Free