ComponentWithoutDeclaringPropAsDep() — react Function Reference

Architecture documentation for the ComponentWithoutDeclaringPropAsDep() function in index.js from the react codebase.

Function javascript BabelCompiler Optimization

Entity Profile

BabelCompiler→ Optimization→ ComponentWithoutDeclaringPropAsDep() — react Function Reference

Dependency Diagram

graph TD
  50bee5aa_3875_edc5_12f2_b5ae93a59af2["ComponentWithoutDeclaringPropAsDep()"]
  2f29bd7d_95c3_887f_e3d7_a5c44ad42db2["index.js"]
  50bee5aa_3875_edc5_12f2_b5ae93a59af2 -->|defined in| 2f29bd7d_95c3_887f_e3d7_a5c44ad42db2
  style 50bee5aa_3875_edc5_12f2_b5ae93a59af2 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/eslint-v7/index.js lines 64–92

function ComponentWithoutDeclaringPropAsDep(props) {
  useEffect(() => {
    console.log(props.foo);
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);
  useCallback(() => {
    console.log(props.foo);
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);
  useMemo(() => {
    console.log(props.foo);
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);
  React.useEffect(() => {
    console.log(props.foo);
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);
  React.useCallback(() => {
    console.log(props.foo);
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);
  React.useMemo(() => {
    console.log(props.foo);
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);
  React.notReactiveHook(() => {
    console.log(props.foo);
  }, []); // This one isn't a violation
}