fix(website): add guard to prevent multiple initializations

IgnisDa · Oct 26, 2024 · de39b08 · de39b08
1 parent 7357805
commit de39b08
Showing 1 changed file with 19 additions and 18 deletions.
diff --git a/apps/website/app/routes/me.tsx b/apps/website/app/routes/me.tsx
@@ -66,24 +66,25 @@ export default function Index() {
 	const [paddle, setPaddle] = useState<Paddle>();
 
 	useEffect(() => {
-		initializePaddle({
-			token: loaderData.clientToken,
-			environment: loaderData.isSandbox ? "sandbox" : undefined,
-		}).then((paddleInstance) => {
-			if (paddleInstance) {
-				paddleInstance.Update({
-					eventCallback: (data) => {
-						if (data.name === CheckoutEventNames.CHECKOUT_COMPLETED) {
-							paddleInstance.Checkout.close();
-							toast.success(
-								"Purchase successful. Your order will be shipped shortly.",
-							);
-						}
-					},
-				});
-				setPaddle(paddleInstance);
-			}
-		});
+		if (!paddle)
+			initializePaddle({
+				token: loaderData.clientToken,
+				environment: loaderData.isSandbox ? "sandbox" : undefined,
+			}).then((paddleInstance) => {
+				if (paddleInstance) {
+					paddleInstance.Update({
+						eventCallback: (data) => {
+							if (data.name === CheckoutEventNames.CHECKOUT_COMPLETED) {
+								paddleInstance.Checkout.close();
+								toast.success(
+									"Purchase successful. Your order will be shipped shortly.",
+								);
+							}
+						},
+					});
+					setPaddle(paddleInstance);
+				}
+			});
 	}, []);
 
 	return (