From c04674fa74c2e43535181431aef5d891f8839619 Mon Sep 17 00:00:00 2001
From: Kevin Hoerr <kjhoerr@noreply.cybr.es>
Date: Sun, 14 Aug 2022 21:35:45 +0000
Subject: Merge planner code (#3)

Reviewed-on: https://git.submelon.dev/kjhoerr/pantry/pulls/3
---
 src/conf/mutator.ts | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 src/conf/mutator.ts

(limited to 'src/conf/mutator.ts')

diff --git a/src/conf/mutator.ts b/src/conf/mutator.ts
new file mode 100644
index 0000000..74f29e3
--- /dev/null
+++ b/src/conf/mutator.ts
@@ -0,0 +1,29 @@
+import Axios, { AxiosError, AxiosRequestConfig } from "axios";
+
+export const AXIOS_PANTRY_INSTANCE = Axios.create({
+  baseURL: process.env.REACT_APP_API_SERVER!,
+});
+
+export const useMutator = <T>(): ((
+  config: AxiosRequestConfig
+) => Promise<T>) => {
+  return (config: AxiosRequestConfig) => {
+    const source = Axios.CancelToken.source();
+    const promise = AXIOS_PANTRY_INSTANCE({
+      ...config,
+      cancelToken: source.token,
+    }).then(({ data }) => data);
+
+    // @ts-ignore
+    promise.cancel = () => {
+      source.cancel("Query was cancelled by React Query!");
+    };
+
+    return promise;
+  };
+};
+
+export default useMutator;
+
+// In some case with react-query and swr you want to be able to override the return error type so you can also do it here like this
+export type ErrorType<Error> = AxiosError<Error>;
-- 
cgit