машинописная ошибка es-lint: реакция-зацепки / исчерпывающий-deps

Question

Сначала я подумал, что это ложноположительный результат, но до сих пор не понимаю, почему ошибка полезна.

Как понять ошибку react-hooks/exhaustive-deps, когда в * 1004 используется функция внешнего реквизита * не нужно ставить в зависимость?

interface props {
  someExternalPropFunction: any;
}

const App: React.FC<props> = ({ someExternalPropFunction }) => {
  const [formValues, setFormValues] = React.useState<initialStateProps>({
    eventInfo: {
      name: "",
      location: ""
    }
  });

  React.useEffect(() => {
    someExternalPropFunction(formValues);
  }, [formValues]); //what is going on here?

  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
    </div>
  );
};

https://codesandbox.io/s/tender-swirles-cu0qw

Answer 1

Для списка депозита требуется someExternalPropFunction, поскольку реквизит может измениться.

  React.useEffect(() => {
    someExternalPropFunction(formValues);
  }, [someExternalPropFunction, formValues]); // now it is fixed

коды и поле, фиксированный