Multiple callbacks when using "then"

I'm using "then" to transform the response.

When combined with a refreshInterval it causes multiple requests if the props change.

Example in this code sandbox....

https://codesandbox.io/s/xrzrp27w4q

Click "Foo 1" and it calls api/1 every x seconds
Click "Foo 2" and it calls api/2 every x seconds with...but still calls api/1