How to abort a useMutation ?

 useEffect(() => {
    const controller = new AbortController()

    const articlePromises = articles.map(({ article }) => {
      return processTask(article.id, controller.signal)
    })

    Promise.allSettled(articlePromises).catch((error) => {
      captureException(error)

      console.error(error)
    })

    return () => {
      controller.abort()
    }
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [])

    mutationKey: keysStore.retail.menu.generateBackground(),
    mutationFn: (body) =>
      internalFetcher<GenerateBackgroundRetailMenuOutput, GenerateBackgroundRetailMenuInput>({
        url: '/api/client/multiple',
        body,
        method: 'POST',
        signal: body.signal,
      }),
  })