react Architecture Docs
Home / File/ compile-files-with-exhaustive-deps-violation-in-effects.js — react Source File

compile-files-with-exhaustive-deps-violation-in-effects.js — react Source File

Architecture documentation for compile-files-with-exhaustive-deps-violation-in-effects.js, a javascript file in the react codebase. 2 imports, 0 dependents.

File javascript TestingUtilities Fixtures 2 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  37f47c5b_230e_8350_d417_c0aa135400e3["compile-files-with-exhaustive-deps-violation-in-effects.js"]
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  37f47c5b_230e_8350_d417_c0aa135400e3 --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  006eec3d_77a9_4a47_e6c1_a96d7a6c9c05["shared-runtime"]
  37f47c5b_230e_8350_d417_c0aa135400e3 --> 006eec3d_77a9_4a47_e6c1_a96d7a6c9c05
  style 37f47c5b_230e_8350_d417_c0aa135400e3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

// @validateExhaustiveMemoizationDependencies

import {useMemo} from 'react';
import {ValidateMemoization} from 'shared-runtime';

function Component({x}) {
  useEffect(
    () => {
      console.log(x);
      // eslint-disable-next-line react-hooks/exhaustive-deps
    },
    [
      /* intentionally missing deps */
    ]
  );

  const memo = useMemo(() => {
    return [x];
  }, [x]);

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

Domain

Subdomains

Functions

Dependencies

  • react
  • shared-runtime

Source

Frequently Asked Questions

What does compile-files-with-exhaustive-deps-violation-in-effects.js do?
compile-files-with-exhaustive-deps-violation-in-effects.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 compile-files-with-exhaustive-deps-violation-in-effects.js?
compile-files-with-exhaustive-deps-violation-in-effects.js defines 1 function(s): Component.
What does compile-files-with-exhaustive-deps-violation-in-effects.js depend on?
compile-files-with-exhaustive-deps-violation-in-effects.js imports 2 module(s): react, shared-runtime.
Where is compile-files-with-exhaustive-deps-violation-in-effects.js in the architecture?
compile-files-with-exhaustive-deps-violation-in-effects.js is located at compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/compile-files-with-exhaustive-deps-violation-in-effects.js (domain: TestingUtilities, subdomain: Fixtures, directory: compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps).

Analyze Your Own Codebase

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

Try Supermodel Free