title: `react-query` mutate onSuccess function not responding
body: <p>query,
  I'm making a bulletin board right now.
  So, I put the values ​​of <code>title, content</code> in the <code>Form</code> information into the <code>react-query</code> function <code>onSuccess</code>. In the value, console.log does not react.</p>
  <pre><code>export const useAddFAQPost = () =&gt; {
      return useMutation(FaqPost)
  }
  
  export function FaqPost(data: FAQ) {
      return axios.post&lt;FAQ&gt;('/add', data, {
       
      })
  }
  </code></pre>
  <pre><code>  const { mutate } = useAddFAQPost()
  
      const onSubmit = useCallback((event: React.ChangeEvent&lt;FormEvent&gt;) =&gt; { 
          event.preventDefault();
          return mutate({ title, type } as FAQ), {
              onSuccess: async (data: string, context: string) =&gt; {
                  console.log(data);
                  console.log('why not?');
              },
              onError: async (data: string, context: string) =&gt; {
                  console.log(data);
              } 
          };
      }, [title, type])
  
  return (
   &lt;&gt; 
     &lt;form onSubmit={onSubmit}&gt;
      &lt;input type=&quot;text&quot; name=&quot;title&quot; value={title} ... /&gt;
      &lt;option value=&quot;faq&quot;&gt;FAQ&lt;/option&gt;
     &lt;/form&gt;
   &lt;/&gt;
  )
  </code></pre>
  <p>If onSubmit succeeds or fails, the console.log in onSuccess, onError should be recorded, but it is not being recorded. Why are you doing this?
  onSuccess, onError doesn't seem to respond.</p>
  <p>I don't know why. Help</p>