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
  0da1a1cc_e164_ab6d_5ba0_c6eecaabc298["ComponentWithoutDeclaringPropAsDep()"]
  15aa6526_39c3_6c20_32e2_4050864fa480["index.js"]
  0da1a1cc_e164_ab6d_5ba0_c6eecaabc298 -->|defined in| 15aa6526_39c3_6c20_32e2_4050864fa480
  style 0da1a1cc_e164_ab6d_5ba0_c6eecaabc298 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/eslint-v6/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
}