From fd24dbee218234c4e1a9805d37aa72cec9fc9029 Mon Sep 17 00:00:00 2001
From: Ali BARIN <ali.barin53@gmail.com>
Date: Mon, 27 Mar 2023 08:22:14 +0000
Subject: [PATCH] fix(useBillingAndUsageData): fix invalid date

---
 packages/web/src/hooks/useBillingAndUsageData.ee.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/hooks/useBillingAndUsageData.ee.ts b/packages/web/src/hooks/useBillingAndUsageData.ee.ts
index 0d16ca2b..5d6e8446 100644
--- a/packages/web/src/hooks/useBillingAndUsageData.ee.ts
+++ b/packages/web/src/hooks/useBillingAndUsageData.ee.ts
@@ -7,7 +7,8 @@ import { GET_BILLING_AND_USAGE } from 'graphql/queries/get-billing-and-usage.ee'
 function transform(billingAndUsageData: NonNullable<UseBillingAndUsageDataReturn>) {
   const nextBillDate = billingAndUsageData.subscription.nextBillDate;
   const nextBillDateTitle = nextBillDate.title;
-  const relativeNextBillDateTitle = nextBillDateTitle ? DateTime.fromMillis(Number(nextBillDateTitle)).toFormat('LLL dd, yyyy') as string : '';
+  const nextBillDateTitleDateObject = DateTime.fromMillis(Number(nextBillDateTitle));
+  const formattedNextBillDateTitle = nextBillDateTitleDateObject.isValid ? nextBillDateTitleDateObject.toFormat('LLL dd, yyyy') : nextBillDateTitle;
 
   return {
     ...billingAndUsageData,
@@ -15,7 +16,7 @@ function transform(billingAndUsageData: NonNullable<UseBillingAndUsageDataReturn
       ...billingAndUsageData.subscription,
       nextBillDate: {
         ...billingAndUsageData.subscription.nextBillDate,
-        title: relativeNextBillDateTitle,
+        title: formattedNextBillDateTitle,
       }
     }
   };