title: Should we always use a hook or is it ok to directly call it from the client?
body: <p>In React, we can use the <code>useMutation</code> or <code>useQuery</code> inside components. But let's say we want to run the query or the mutation inside a helper file (Let's say we extract the part where we format the data and execute the mutation to a helper function away from the component function). In here, we have two options:</p>
  
  <ul>
  <li>Pass the mutation function obtained from <code>useMutation</code> to the helper function</li>
  <li>Call the mutation directly inside the helper function like <code>apolloClient.mutate</code></li>
  </ul>
  
  <p>What is the most recommended way of doing things and what do you recommend?</p>