如何在 React 中找到调用自定义 hook 的组件？

Question

I've a custom hook being called by multiple components, including other custom hooks. I added an useEffect in the custom hook to run on only initial render with console.trace() , to figure out the caller component.

useEffect(() => {
  console.trace()
}, [])

But this logs the stack trace with invokePassiveCreate at the top. I can't find the caller from the stack trace. Is there another way to figure it out?

Answer 1

useEffect is invoked by React so here we did not get the caller of the custom hook or any component. use console.trace() outside useEffect.