Does Tag invalidation work with queryFn?

[ghasemikasra39]

I have two endponts, getScrollingNote and createComment. I want getScrollingNote triggers whenever I use createComment:

export const scrollingNoteApi = createApi({
  reducerPath: 'scrollingNote',
  baseQuery: fetchBaseQuery({ ... }),
  tagTypes: ['Comment'],
  endpoints: builder => ({
    getScrollingNote: builder.query(
        {query: getScrollingNoteHandler, providesTags: ['Comment']}),
    createComment: builder.mutation(
        {queryFn: createCommentHandler, invalidatesTags: ['Comment']})
  })
})

To have a cleaner code, I have these handlers:

const getScrollingNoteHandler = notesList => { ... }
const createCommentHandler = async (args, queryApi, extraOptions, baseQuery) => { ... }

I have a functional component that subscribes to getScrollingNote and uses createComment via useGetScrollingNoteQuery and useCreateCommentMutation:

function myFunction() {
  const {data} = useGetScrollingNoteQuery(someInputThatINeedToPass)
  const [createComment] = useCreateCommentMutation()
}

But when I use createComment({ ... }), my mutation goes through successfully, but the getScrollingNote does not trigger ! (The desired behaviour is: It must trigger)

I cannot find my mistake, am I making a mistake in providesTags and invalidatesTags?

[phryneas]

That would work. Did you maybe forget to set up the middleware?

[ghasemikasra39]

I cannot believe that I completely forgot that :) I added it and works perfectly. Thank you, you saved my day