@tsparticles/react 4.1.1 → 4.1.3

package/Particles.js

@@ -1,37 +1,39 @@
 import { useParticlesProvider as e } from "./ParticlesProvider.js";
-import { useEffect as t } from "react";
-import { tsParticles as n } from "@tsparticles/engine";
-import { jsx as r } from "react/jsx-runtime";
+import { useEffect as t, useRef as n } from "react";
+import { tsParticles as r } from "@tsparticles/engine";
+import { jsx as i } from "react/jsx-runtime";
 //#region lib/Particles.tsx
-var i = (i) => {
-	let { className: a, id: o, options: s, particlesLoaded: c, style: l, url: u } = i, { loaded: d } = e();
+var a = (a) => {
+	let { className: o, id: s, options: c, particlesLoaded: l, style: u, url: d } = a, { loaded: f } = e(), p = n(void 0);
 	return t(() => {
-		if (!d) return;
-		let e, t = !1;
-		return n.load({
-			id: o ?? "tsparticles",
-			url: u,
-			options: s
-		}).then((n) => {
-			if (t) {
-				n?.destroy();
-				return;
+		if (!f) return;
+		let e = s ?? "tsparticles";
+		return r.load({
+			id: e,
+			url: d,
+			options: c
+		}).then((t) => {
+			if (!t?.destroyed) {
+				if (!document.getElementById(e)) {
+					t?.destroy();
+					return;
+				}
+				p.current = t, l?.(t);
 			}
-			e = n, c?.(n);
 		}), () => {
-			t = !0, e?.destroy();
+			p.current?.destroy(), p.current = void 0;
 		};
 	}, [
-		o,
-		d,
 		s,
+		f,
 		c,
-		u
-	]), /* @__PURE__ */ r("div", {
-		id: o ?? "tsparticles",
-		className: a,
-		style: l
+		l,
+		d
+	]), /* @__PURE__ */ i("div", {
+		id: s ?? "tsparticles",
+		className: o,
+		style: u
 	});
 };
 //#endregion
-export { i as default };
+export { a as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/react",
-  "version": "4.1.1",
+  "version": "4.1.3",
   "type": "module",
   "repository": {
     "type": "git",
@@ -17,7 +17,7 @@
   },
   "license": "MIT",
   "peerDependencies": {
-    "@tsparticles/engine": "4.1.1",
+    "@tsparticles/engine": "4.1.3",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },