React-apollo: awaitRefetchQueries not working?

[nikgraf]

Intended outcome:

I'm setting awaitRefetchQueries to true and I expected that the refetch queries would be loaded before I'm navigating to the overview page.

          <Mutation
            mutation={addRecipeMutation}
            refetchQueries={[
              {
                query: recipesQuery,
                variables: { vegetarian: false }
              },
              {
                query: recipesQuery,
                variables: { vegetarian: true }
              }
            ]}
            awaitRefetchQueries={true}
          >
            {(addRecipe, { loading, error, client }) => (
              <form
                onSubmit={async evt => {
                  evt.preventDefault();
                  await addRecipe({
                    variables: {
                      recipe: {
                        title: data.title,
                        vegetarian: data.vegetarian
                      }
                    }
                  });
                  navigate("/");
                }}
              >

Actual outcome:

As you can see in the GIF the refetchQueries actually load afterwards.

How to reproduce the issue:

I possibly can add a codesandbox in the future.

Version

From yarn.lock

• [email protected]
• [email protected]:
• [email protected]

[hwillson]

Hmm - interesting @nikgraf. I'll take a look at this today. If you're able to put together a quick runnable reproduction for this, that would definitely help get this resolved faster. Thanks!

[hwillson]

Don't worry about the repro @nikgraf - I'm able to reproduce the issue. More details shortly.

[hwillson]

Wait - the awaitRefetchQueries changes haven't been published yet. See: https://github.com/apollographql/react-apollo/blob/master/Changelog.md#vnext

The documentation updates were published beforehand because they're handled automatically, but the actual code changes aren't in place yet. The good news is that I've verified your scenario is fixed in master. I'll get a new react-apollo version published today. Thanks!

[hwillson]

awaitRefetchQueries functionality should now be available in react-apollo 2.1.11. Thanks!

[nikgraf]

thanks @hwillson 🙌

[s-r-jones]

Im still seeing this in V 2.4 @hwillson

[mutefiRe]

@s-r-jones @hwillson same here

[MMayla]

Same here

[nik-lampe]

Same here

[nikgraf]

seems to be broken again in the latest version

[Simba14]

Experiencing the same issue on the latest release. Can this be reopened?

[imekachi]

I'm on @apollo/react-hooks": "^3.1.3, and still having this issue.