title: React Query does not take into account a state change when fetching data
body: <p>I'm using React Query to fetch data and I have a dropdown with multiple options which change the state (which changes the data displayed) according to the option selected.</p>
  <p>The problem is that when I select an option, it will stay for half a second on the option selected, but then it will go back to the default option. But if I reselect the same option, it will work perfectly.</p>
  <p>I'd like to know what I could do to make react-query not go back to the default option and stay with the option selected ?</p>
  <p>Here's the code for my dropdowns : <a href="https://codesandbox.io/s/kind-babycat-x1whtf" rel="nofollow noreferrer">sandbox</a></p>
  <p>The problematic part is the one where I change the form</p>
  <p>Here's a <a href="https://imgur.com/a/U18QiZY" rel="nofollow noreferrer">video</a> showing what happens (sorry for the poor quality)</p>