React-query v5 OnSuccess, OnError ...

[lveillard]

Hello!

When updating to tanstack query v5 there is a relevant breaking change to consider:
https://tkdodo.eu/blog/breaking-react-querys-api-on-purpose

=> onSuccess and the other callbacks will not be available.

In our case, we are currently using the onSuccess of a atomWithQuery to set another atom, something like this:

 const loadAndCacheUnitAtom = atom(null, async (get, set, { unitId, onSuccess }) => {
	
       const [loadUnitAtomTwo] = atomsWithQuery((g) => {

		return {
			queryKey: ['units', unitId],
			queryFn: async () => query(spaceId, payload),
			onSuccess: (data: any) => {
				if (onSuccess) {
					const { units } = data;
					set(setUnitsMapAtom, units);
				}
			},
		};
	});
	return get(loadUnitAtomTwo);
});

the ugly alternative for this in react query when you really need to sync your store is to use useEffect:

How can we get the same result here and properly do a set to another atom on query sucess?

Thanks!

[dai-shi]

Related: #42
WIP: #45

You are welcome to join this effort.