Multiple queries for compare system RTK-Query

[andrewdoro]

Hello, I started migrating to RTK and RTK-Query from Redux. Before I was fetching and creating a custom cache for each data response id , where on starting the fetch I add the loadingType:"started" in the redux store and when the promise is finished, I change the loadingType to "finished".

How should I implement this in RTK Query ?

 case storeTypes.area.FETCH_DATA: {
      return {
        ...state,
        chains: { ...state.data, [action.payload.id]: { loadingType: 'started' } },
      }
    }

 case storeTypes.area.SET_DATA: {
      return {
        ...state,
        data: {
          ...state.data,
          [action.payload.id]: { ...action.payload, loadingType: 'finished' },
        },
      }
    }

in the end the object would have looked like this:

export type WithLoading<T> =
  | (T & { loadingType: 'finished' })
  | { loadingType: 'started' }
  | { loadingType: 'error' }
...
data: {
   { [key in string]: WithLoading<DataType> }
  }

[phryneas]

The point of RTK Query is literally to do all of this for you. Just use it as explained in the tutorial and it is doing exactly that internally.

[andrewdoro]

yes, I understand what RTQ Query is doing, but in my example I use the system to have all the values in the store for each id and then show a graph. Can I access the rtq query cache to do this, or is it related to this #1171 ?