StrictMode with query

[snovik]

Hello.
When testing requests with routing, I noticed that in DevTools the number of subscriptions keeps increasing for the same request key. However, in StrictMode this doesn’t happen. What could be the reason? Could it be that unsubscribe isn’t handled correctly in normal mode?

[js2me]

Hello @snovik
This problem happened not only in StrictMode and in normal mode too.
Reason why this hapenned - missing using destroy() method or passing abortSignal to destroy query (and all subscriptions inside it) after your component unmounted

This library is not for use queries and mutations as react hooks (better to use original react query library)
This library gives ability to create\use\update queries/mutations outside of React

[snovik]

Hm, i define store in my component:

const [model] = useState(() => new MyViewModel());
useEffect(() => {
    return () => model.dispose()
}, []);

In store dispose: query.destroy()

And and subscriptions are still growing (in tanstack devtools) between routes (forward/backward) in StrictMode.

[js2me]

@snovik Hello!
Can you create codesandbox reproduction ?

[snovik]

Hello.

https://codesandbox.io/p/sandbox/v3hsh4

When we switch between tabs in tanstack-dev-tools in StrictMode the number of subscriptions grows (only StrictMode).

[js2me]

@snovik I need time to research this, why dev tools shows increasing observers count