```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.
const bareFunctions = scanForDeclaredBareFunctions({
          declaredDependencies,
          declaredDependenciesNode,
          componentScope,
          scope,
        });
        bareFunctions.forEach(({fn, suggestUseCallback}) => {
          let message =
            `The '${fn.name.name}' function makes the dependencies of ` +
            `${reactiveHookName} Hook (at line ${declaredDependenciesNode.loc.start.line}) ` +
            `change on every render.`;
          if (suggestUseCallback) {
            message +=
              ` To fix this, ` +
              `wrap the '${fn.name.name}' definition into its own useCallback() Hook.`;
          } else {
            message +=
              ` Move it inside the ${reactiveHookName} callback. ` +
              `Alternatively, wrap the '${fn.name.name}' definition into its own useCallback() Hook.`;
          }
          let suggest;
          
          
          if (suggestUseCallback && fn.type === 'Variable') {
            suggest = [
              {
                desc: `Wrap the '${fn.name.name}' definition into its own useCallback() Hook.`,
                fix(fixer) {