fix(style): image wraper full size

src/hooks/use-request-token.ts

@@ -1,6 +1,40 @@
 import axiso from 'axios';
+import { useEffect, useRef } from 'react';
 
 export default function useRequestToken() {
   const { source } = axiso.CancelToken;
+
   return source;
 }
+
+export function useCancelToken() {
+  const { source } = axiso.CancelToken;
+  const requestToken = useRef<any>(null);
+
+  const updateCancelToken = () => {
+    if (requestToken.current) {
+      requestToken.current.cancel();
+    }
+    requestToken.current = source();
+  };
+
+  const cancelRequest = () => {
+    if (requestToken.current) {
+      requestToken.current.cancel();
+    }
+  };
+
+  const getCanceltToken = () => {
+    return requestToken.current.token;
+  };
+
+  useEffect(() => {
+    return () => {
+      if (requestToken.current) {
+        requestToken.current.cancel();
+      }
+    };
+  }, []);
+
+  return { updateCancelToken, cancelRequest, getCanceltToken, source };
+}