[DevTools Bug]: incorrect error on react-hooks/exhaustive-deps

[sajera]

Website or app

http://localhost:3008/

Repro steps

React Hook useMemo has unnecessary dependencies: 'store1.list' and 'store2.list'. Either exclude them or remove the dependency array. Outer scope values like 'domains.content' aren't valid dependencies because mutating them doesn't re-render the component  react-hooks/exhaustive-deps

For an unknown reason, it appears in the following code.

const list = useMemo(() => _.map(store1.list, item => ({
    ...item,
    warnings: _.map(
      _.filter(store2.list, { name: item.name }),
      ({ info }) => ({ label: `Important ${info}` })
    )
  })), [store1.list, store2.list])

And I am sure there is a bug because it doesn't appear in the following code:

const list1 = store1.list
  const list2 = store2.list
  const list = useMemo(() => _.map(list1, item => ({
    ...item,
    warnings: _.map(
      _.filter(list2, { name: item.name }),
      ({ info }) => ({ label: `Important ${info}` })
    )
  })), [list1, list2])

How often does this bug happen?

Every time

DevTools package (automated)

No response

DevTools version (automated)

No response

Error message (automated)

No response

Error call stack (automated)

Error component stack (automated)

GitHub query string (automated)