He estado tratando de agregar el valor dinámico a WebEngage pero fallé,

 webengage.track("Added To Cart", { courseName: "JS Advanced", courseType: "A", coursePrice: "N/A", discount: "N/A", pageScroll: "5" // this will be vary between 0 to 100 });

Puedo rastrear los valores estáticos, pero el valor dinámico no se rastrea en webengage usando React js.

Creo que lo había intentado hasta ahora son:

1. Reacciona la función de limpieza.

 useEffect(() => (window as any).webengage.track("Page Viewed", {...webengageData}), []);

2. JS beforeUnload evento.

 useEffect(() => { window.addEventListener("beforeUnload", handleWebengge); return () => { window.removeEventListener("beforeUnload", handleWebengge); handleWebengge(); }; }, []); const handleWebengge = () => { (window as any).webengage.track("Page Viewed", webengageData); };

3. Evento de descarga de JS

 useEffect(() => { window.addEventListener("unload", handleWebengge); return () => { window.removeEventListener("unload", handleWebengge); handleWebengge(); }; }, []); const handleWebengge = () => { (window as any).webengage.track("Page Viewed", webengageData); };

¿Hay alguna manera cuando cierro o me muevo a otras páginas puedo presionar el evento y rastrear el evento en React?