Polling query dependent upon data from mutation

[brymon68]

I have a component which performs a mutation. This mutation kicks off a long running process in my API so the response from the mutation is simply an id.

  const { mutate: createSummaryMutation, isPending: createSummaryIsPending, data: mutation_data } =
    useMutation({
      mutationFn: (summary: SummaryBaseType) =>
        createSummary(settings_data.apiUrl, summary)
    })

Next I have a polling query which needs to poll based on that returned id from the mutation:

  const { data: summary_data, isLoading: isLoadingSummary } =
    useQuery<SummaryResponse>({
      queryKey: ['handover-summary', operationName, requestId],
      queryFn: () => {
        return fetchIndividualSumamry(
          settings_data?.apiUrl,
          operationName,
          mutation_data?.id,
        )
      },
      enabled: !!mutation_data?.id,
      refetchInterval: (query) => {
        if (
          !query.state.data ||
          should_continue_polling_for_summary_data(query.state.data)
        ) {
          return 2000
        }
        console.log('Stopping polling for summary data')
        return false
      },
    })

I am finding that the polling query never enables, most likely due to either a re-render or perhaps the logic above. I am wondering if there is perhaps best practice for approaching this type of scenario. I have tried setting external state for the id field but that doesnt seem to help.

[TkDodo]

you need to add everything that is used in the queryFn to the queryKey. That includes mutation_data?.id