move loginController inside the useEffect (#8809)

* move loginController inside the useEffect

* swap to regular abort controller

src/contrib/google/sheets/core/useGoogleAccount.ts

@@ -23,30 +23,29 @@ import { useContext, useEffect } from "react";
 import ModIntegrationsContext from "@/mods/ModIntegrationsContext";
 import { validateRegistryId } from "@/types/helpers";
 import reportError from "@/telemetry/reportError";
-import { ReusableAbortController } from "abort-utils";
 import { oauth2Storage } from "@/auth/authConstants";
 import { isEmpty } from "lodash";
 
 const GOOGLE_PKCE_INTEGRATION_ID = validateRegistryId("google/oauth2-pkce");
-const loginController = new ReusableAbortController();
 
 function useGoogleAccountLoginListener({
   data: googleAccount,
   refetch,
 }: FetchableAsyncState<SanitizedIntegrationConfig | null>) {
   useEffect(() => {
+    const loginController = new AbortController();
+
     // Automatically refetch the google account on login
     oauth2Storage.onChanged((newValue) => {
       const { id } = googleAccount ?? {};
       // eslint-disable-next-line security/detect-object-injection -- not user provided
       if (id && !isEmpty(newValue[id])) {
         refetch();
-        loginController.abortAndReset();
       }
     }, loginController.signal);
 
     return () => {
-      loginController.abortAndReset();
+      loginController.abort();
     };
   }, [googleAccount, refetch]);
 }