This seems to happen when
1. I take a component as a prop
2. I use that component as a JSX constructor in a hook

Minimal repro:
```jsx
export const Foo = ({ Component }) => {
  React.useEffect(() => {
    console.log(<Component />);
  }, []);
};
```

```
    "eslint-plugin-react-hooks": "^4.1.1",
```


---

Interestingly, this does NOT cause the error:
```jsx
export const Foo = ({ component }) => {
  React.useEffect(() => {
    const Component = component;
    console.log(<Component />);
  }, []);
};
```
return; 
          }
          
          const variable = context.getScope().set.get(callback.name);
          if (variable == null || variable.defs == null) {
            
            return; 
          }
          
          
          
          const def = variable.defs[0];
          if (!def || !def.node) {
            break; 
          }
          if (def.type !== 'Variable' && def.type !== 'FunctionName') {
            
            break; 
          }
          switch (def.node.type) {
            case 'FunctionDeclaration':
              
              visitFunctionWithDependencies(
                def.node,
                declaredDependenciesNode,
                reactiveHook,
                reactiveHookName,
                isEffect,