Component() — react Function Reference

Source Code

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/exhaustive-deps/error.invalid-exhaustive-effect-deps-extra-only.js lines 4–24

function Component({x, y, z}) {
  // no error: missing dep not reported in extra-only mode
  useEffect(() => {
    log(x);
  }, []);

  // error: extra dep - y
  useEffect(() => {
    log(x);
  }, [x, y]);

  // error: extra dep - y (missing dep - z not reported)
  useEffect(() => {
    log(x, z);
  }, [x, y]);

  // error: extra dep - x.y
  useEffect(() => {
    log(x);
  }, [x.y]);
}