[DevTools Bug]: Inconsistent enforcement of using hooks in callbacks

### Website or app https://codesandbox.io/s/distracted-chihiro-u1mc2 ### Repro steps The rules-for-hooks linter seems to be applying rules about using hooks in callbacks inconsistently. Using a hook in this callback is okay `const useNamed = async () => useQuery();` And subsequently sending it as a prop is also okay `<Foo useData={useNamed} />` However, assigning the anonymous callback directly in the prop triggers the linter rule "React hook cannot be called inside a callback" `<Foo useData={async () => useQuery()} />` I'm having trouble understanding the difference. They appear to be equivalent code but with different results from the linter. In which case is the linter correct? Sandbox here: https://codesandbox.io/s/distracted-chihiro-u1mc2 ### 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) _No response_ ### Error component stack (automated) _No response_ ### GitHub query string (automated) _No response_