title: React Hooks name clash how to resolve?
body: <p>I been using multiple hooks to manage my data in React and I had an issue in which that multiple hooks uses the same variable name.</p>
  <pre><code>   const { data } = useCompetitors();
     const { data } = useCompetitorGroups();
  </code></pre>
  <p><a href="https://i.stack.imgur.com/tTTtp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tTTtp.png" alt="enter image description here" /></a></p>
  <p>This results in error! What are the best practices I can do to resolve this? Using array? Or is there a way to check the naming here.</p>