@easyfunnel/react 0.1.4 → 0.2.1

package/dist/index.js

@@ -70,7 +70,7 @@ function EasyFunnelProvider(_a) {
     "children",
     "config"
   ]);
-  const trackerRef = (0, import_react.useRef)(null);
+  const [tracker, setTracker] = (0, import_react.useState)(null);
   (0, import_react.useEffect)(() => {
     if (!options.apiKey) {
       console.error(
@@ -78,19 +78,17 @@ function EasyFunnelProvider(_a) {
       );
       return;
     }
-    if (!trackerRef.current) {
-      trackerRef.current = import_sdk.EasyFunnel.init(__spreadProps(__spreadValues({}, options), {
-        autoPageView: true,
-        rules: config == null ? void 0 : config.rules
-      }));
-    }
+    const instance = import_sdk.EasyFunnel.init(__spreadProps(__spreadValues({}, options), {
+      autoPageView: true,
+      rules: config == null ? void 0 : config.rules
+    }));
+    setTracker(instance);
     return () => {
-      var _a2;
-      (_a2 = trackerRef.current) == null ? void 0 : _a2.destroy();
-      trackerRef.current = null;
+      instance.destroy();
+      setTracker(null);
     };
   }, [options.apiKey]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EasyFunnelContext.Provider, { value: trackerRef.current, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EasyFunnelContext.Provider, { value: tracker, children });
 }
 function useEasyFunnel() {
   return (0, import_react.useContext)(EasyFunnelContext);

package/dist/index.mjs

@@ -35,7 +35,7 @@ import {
   createContext,
   useContext,
   useEffect,
-  useRef
+  useState
 } from "react";
 import { EasyFunnel } from "@easyfunnel/sdk";
 import { jsx } from "react/jsx-runtime";
@@ -48,7 +48,7 @@ function EasyFunnelProvider(_a) {
     "children",
     "config"
   ]);
-  const trackerRef = useRef(null);
+  const [tracker, setTracker] = useState(null);
   useEffect(() => {
     if (!options.apiKey) {
       console.error(
@@ -56,26 +56,24 @@ function EasyFunnelProvider(_a) {
       );
       return;
     }
-    if (!trackerRef.current) {
-      trackerRef.current = EasyFunnel.init(__spreadProps(__spreadValues({}, options), {
-        autoPageView: true,
-        rules: config == null ? void 0 : config.rules
-      }));
-    }
+    const instance = EasyFunnel.init(__spreadProps(__spreadValues({}, options), {
+      autoPageView: true,
+      rules: config == null ? void 0 : config.rules
+    }));
+    setTracker(instance);
     return () => {
-      var _a2;
-      (_a2 = trackerRef.current) == null ? void 0 : _a2.destroy();
-      trackerRef.current = null;
+      instance.destroy();
+      setTracker(null);
     };
   }, [options.apiKey]);
-  return /* @__PURE__ */ jsx(EasyFunnelContext.Provider, { value: trackerRef.current, children });
+  return /* @__PURE__ */ jsx(EasyFunnelContext.Provider, { value: tracker, children });
 }
 function useEasyFunnel() {
   return useContext(EasyFunnelContext);
 }
 
 // src/hooks.ts
-import { useCallback, useEffect as useEffect2, useRef as useRef2 } from "react";
+import { useCallback, useEffect as useEffect2, useRef } from "react";
 function useTrack() {
   const tracker = useEasyFunnel();
   return useCallback(
@@ -109,7 +107,7 @@ function useIdentify() {
   );
 }
 function useSectionRef(sectionName) {
-  const ref = useRef2(null);
+  const ref = useRef(null);
   useEffect2(() => {
     const el = ref.current;
     if (el) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyfunnel/react",
-  "version": "0.1.4",
+  "version": "0.2.1",
   "description": "React/Next.js provider for easyfunnel.co analytics",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -13,7 +13,7 @@
     "dev": "tsup src/index.ts --format cjs,esm --dts --external react --watch"
   },
   "dependencies": {
-    "@easyfunnel/sdk": "^0.1.4"
+    "@easyfunnel/sdk": "^0.2.0"
   },
   "peerDependencies": {
     "next": ">=14.0.0",