Bug: [eslint-plugin-react-hooks] Constructions should be caught in default props/args

[nstepien]

React version: 17.0.1

Steps To Reproduce

1. function useMyHook1(arr = []) {
     useEffect(() => {
       console.log(arr);
     }, [arr]);
   }
   
    function useMyHook2({ arr = [] }) {
     useEffect(() => {
       console.log(arr);
     }, [arr]);
   }
   
   function MyComponent({ arr = [] }) {
     useEffect(() => {
       console.log(arr);
     }, [arr]);
   
     return null;
   }

Link to code example: --

The current behavior

No warning appears for arr being potentially constructed on every render.

The expected behavior

Should warn that arr can be constructed on each render.
The lint rules already warn for the following, so this is just an extension of the existing behavior:

const arr = props.arr ?? []; // The 'arr' logical expression could make the dependencies of useEffect Hook (at line 54) change on every render. Move it inside the useEffect callback. Alternatively, wrap the initialization of 'arr' in its own useMemo() Hook.

Reference: #19590

[mdaj06]

Can I have a go at this @eps1lon

[eps1lon]

I can't guarantee whether this is accepted. I'm just triaging issues. But considering similar efforts were included (#19590) there's a good chance it will.

So feel free to work on it 👍 If you're stuck at any point you can share you progress and ask for help.

[nstepien]

@mdaj06 Have you had a chance to look into it?