refund confirmation

frontend/src/components/EmbeddedStripeCheckout.tsx

@@ -24,10 +24,15 @@ const EmbeddedStripeCheckout: React.FC<EmbeddedStripeCheckoutProps> = ({
   const [clientSecret, setClientSecret] = useState<string>("");
   const [creating, setCreating] = useState(false);
   const [sessionId, setSessionId] = useState<string>("");
+  const hasCreatedSession = useRef(false);
 
   const createCheckoutSession = useCallback(async () => {
+    // Prevent multiple session creations
+    if (hasCreatedSession.current) return;
+    
     try {
       setCreating(true);
+      hasCreatedSession.current = true;
       
       const response = await stripeAPI.createSetupCheckoutSession({
         rentalData
@@ -36,6 +41,7 @@ const EmbeddedStripeCheckout: React.FC<EmbeddedStripeCheckoutProps> = ({
       setClientSecret(response.data.clientSecret);
       setSessionId(response.data.sessionId);
     } catch (error: any) {
+      hasCreatedSession.current = false; // Reset on error so it can be retried
       onError(
         error.response?.data?.error || "Failed to create checkout session"
       );
@@ -113,6 +119,7 @@ const EmbeddedStripeCheckout: React.FC<EmbeddedStripeCheckoutProps> = ({
   return (
     <div id="embedded-checkout">
       <EmbeddedCheckoutProvider
+        key={clientSecret} // Force remount if clientSecret changes
         stripe={stripePromise}
         options={{
           clientSecret,