From e0975da387c9a8cb17ed93bea3401a4f304474bb Mon Sep 17 00:00:00 2001
From: Giancarlo Buomprisco <giancarlopsk@gmail.com>
Date: Thu, 20 Feb 2025 07:40:34 +0700
Subject: [PATCH] Add DialogTitle using a hidden class to prevent runtime
 warnings (#178)

---
 .../billing/stripe/src/components/stripe-embedded-checkout.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/billing/stripe/src/components/stripe-embedded-checkout.tsx b/packages/billing/stripe/src/components/stripe-embedded-checkout.tsx
index 1fcac6fd4..e3e7860c1 100644
--- a/packages/billing/stripe/src/components/stripe-embedded-checkout.tsx
+++ b/packages/billing/stripe/src/components/stripe-embedded-checkout.tsx
@@ -8,7 +8,7 @@ import {
 } from '@stripe/react-stripe-js';
 import { loadStripe } from '@stripe/stripe-js';
 
-import { Dialog, DialogContent } from '@kit/ui/dialog';
+import { Dialog, DialogContent, DialogTitle } from '@kit/ui/dialog';
 
 import { StripeClientEnvSchema } from '../schema/stripe-client-env.schema';
 
@@ -66,6 +66,7 @@ function EmbeddedCheckoutPopup({
         onOpenAutoFocus={(e) => e.preventDefault()}
         onInteractOutside={(e) => e.preventDefault()}
       >
+        <DialogTitle className={'hidden'}>Checkout</DialogTitle>
         <div>{children}</div>
       </DialogContent>
     </Dialog>