```js
  let foo = {}
  useEffect(() => {
    foo.bar.baz = 43;
  }, []);
```

This asks you to include `foo.bar.baz` into deps. But this doesn't make sense, as you write to it. Instead it should ask to include `foo.bar` into array.

If `foo` is a newly created object in render scope then we might additionally nudge you to `useRef` for it instead. Because otherwise it won't be shared between renders.
setState(value);
          };
          useEffect(() => {
            return Store.subscribe(handleNext);
          }, [handleNext]);
          return <div onClick={handleNext} />;
        }
      `,
      errors: [
        {
          message:
            `The 'handleNext' function makes the dependencies of ` +
            `useEffect Hook (at line 11) change on every render. ` +
            `To fix this, wrap the 'handleNext' definition into its own useCallback() Hook.`,
          
          
          suggestions: [
            {
              desc:
                "Wrap the 'handleNext' definition into its own useCallback() Hook.",
              output: normalizeIndent`
                function MyComponent(props) {
                  let [, setState] = useState();
                  const handleNext = useCallback((value) => {
                    setState(value);
                  });
                  useEffect(() => {
                    return Store.subscribe(handleNext);
                  }, [handleNext]);
                  return <div onClick={handleNext} />;