eslint-plugin-react-hooks should flag uses of createRef in function components

<!-- Please provide a clear and concise description of what the bug is. Include screenshots if needed. Please test using the latest version of the relevant React packages to make sure your issue has not already been fixed. --> Using `createRef` in a function component is almost certainly a mistake. You probably want `useRef` instead. This can easily lead to confusing bugs. See, for example, [this popular Stack Overflow question][1]. Banning `createRef` outright would yield false positives on class components. I suggested adding a rule to flag this specifically in function components to eslint-plugin-react (https://github.com/yannickcr/eslint-plugin-react/issues/2966) but they suggested that I file an issue over here instead. React version: react@16.13.1 ## Steps To Reproduce 1. Set up eslint-plugin-react-hooks and create a function component that uses `React.createRef`. 2. No complaints. <!-- Your bug will get fixed much faster if we can run your code and it doesn't have dependencies other than React. Issues without reproduction steps or code examples may be immediately closed as not actionable. --> Link to code example: https://codesandbox.io/s/cool-volhard-9zj0s ```ts export default function App() { const ref = React.createRef(0); // Change to this to make the example work as intended: // const ref = React.useRef(0); const [, update] = React.useState(0); const handleClick = () => { ref.current += 1; update((n) => n + 1); }; React.useEffect(() => { ref.current = 0; }, [ref]); return ( <div className="App" ref={ref}> <h1>Hello CodeSandbox</h1> <h2>Value is {ref.current}</h2> <button onClick={handleClick}>Click Me</button> </div> ); } ``` <!-- Please provide a CodeSandbox (https://codesandbox.io/s/new), a link to a repository on GitHub, or provide a minimal code example that reproduces the problem. You may provide a screenshot of the application if you think it is relevant to your bug repor…