prevent fetching the counter twice

fixthestatusquo · Sep 15, 2024 · ed23a83 · ed23a83
1 parent b9bfded
commit ed23a83
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/hooks/useCount.js b/src/hooks/useCount.js
@@ -5,6 +5,8 @@ import { useCampaignConfig } from "@hooks/useConfig";
 import { atom, useRecoilState } from "recoil";
 import dispatch from "@lib/event.js";
 
+let effectRan = false;
+
 const CountState = atom({ key: "actionCount", default: null });
 const useInitFromUrl = (actionUrl) => {
   const [count, setCount] = useRecoilState(CountState);
@@ -51,6 +53,8 @@ export default function useCounter(actionPage) {
   if (config.component.counter === false) actionPage = null; //disable the counter
 
   useEffect(() => {
+    if (effectRan) return; //we only fetch the counter once for all components
+    effectRan = true;
     let isCancelled = false;
     let c = null;
     if (!actionPage || config.component.counter?.disabled) return; // disabling the fetch