How to dynamically change/reset the polling interval?

[joaopbnogueira]

I'm writing an application where the polling interval may change depending on external data to be higher or lower than the initial value.

The query usage itself is quite simple:

const { isSuccess: configLoaded } = useGetConfigQuery(undefined, {
    pollingInterval: configPollingInterval,
  });

What I am observing is the following:

• t0s - set initial polling time to 3seconds
• t1s - due to a configuration change the polling time should actually be 100 seconds and the configPollingInterval variable is changed accordingly
• t3s - the request is fired (presumably because this was the initial timeout expiration/trigger)
• t103s - the polling interval takes place with the second period in effect

What I would like to have is an immediate timer reset if the configPollingInterval changes, so in the timeline above, the request should fire at t101s approximately.

How can this be achieved? I tried having a look at the source and docs but the best I could find was this middleware, that I was thinking I could use to use an example to manipulate the internal subscription state (https://github.com/reduxjs/redux-toolkit/blob/af3e75bb9e6a51e13603d2a5684ef3ba1da07e3b/packages/toolkit/src/query/core/buildMiddleware/polling.ts).

Thank you in advance!