fix(clerk-js): Add check for error on Statement page and Payment Attempt page (#6431)

Author: aeliox

.changeset/new-lands-make.md

@@ -0,0 +1,2 @@
+---
+---

packages/clerk-js/src/ui/components/PaymentAttempts/PaymentAttemptPage.tsx

@@ -90,8 +90,9 @@ export const PaymentAttemptPage = () => {
             variant='danger'
             colorScheme='danger'
           >
-            {translateError(error.errors[0]) ||
-              t(localizationKeys(`${localizationRoot}.billingPage.paymentHistorySection.notFound`))}
+            {error
+              ? translateError(error.errors[0])
+              : t(localizationKeys(`${localizationRoot}.billingPage.paymentHistorySection.notFound`))}
           </Alert>
         </Box>
       ) : (

packages/clerk-js/src/ui/components/Statements/StatementPage.tsx

@@ -85,8 +85,9 @@ export const StatementPage = () => {
             variant='danger'
             colorScheme='danger'
           >
-            {translateError(error.errors[0]) ||
-              t(localizationKeys(`${localizationRoot}.billingPage.statementsSection.notFound`))}
+            {error
+              ? translateError(error.errors[0])
+              : t(localizationKeys(`${localizationRoot}.billingPage.statementsSection.notFound`))}
           </Alert>
         </Box>
       ) : (