Solve issue where the address props would be forwarde to the element

graphcommerce-org · Jan 10, 2025 · a2f565f · a2f565f
1 parent 026114e
commit a2f565f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 17 deletions.
diff --git a/...agento-cart-shipping-address/components/CustomerAddressForm/CustomerAddressActionCard.tsx b/...agento-cart-shipping-address/components/CustomerAddressForm/CustomerAddressActionCard.tsx
@@ -6,24 +6,15 @@ import { Trans } from '@lingui/react'
 import { Button } from '@mui/material'
 import { useRouter } from 'next/router'
 
-export type CustomerAddressActionCardProps = ActionCardItemRenderProps<
-  CustomerAddressFragment | null | undefined
->
+export type CustomerAddressActionCardProps = ActionCardItemRenderProps<{
+  address?: CustomerAddressFragment | null | undefined
+}>
 
 export function CustomerAddressActionCard(props: CustomerAddressActionCardProps) {
-  const {
-    onReset,
-    company,
-    firstname,
-    lastname,
-    street,
-    postcode,
-    city,
-    country_code,
-    region,
-    id,
-    ...cardProps
-  } = props
+  const { onReset, address, ...cardProps } = props
+  const { company, firstname, lastname, street, postcode, city, country_code, region, id } =
+    address ?? {}
+
   const { push } = useRouter()
   const country = useFindCountry(country_code)
 

diff --git a/...ages/magento-cart-shipping-address/components/CustomerAddressForm/CustomerAddressForm.tsx b/...ages/magento-cart-shipping-address/components/CustomerAddressForm/CustomerAddressForm.tsx
@@ -159,7 +159,7 @@ export function CustomerAddressForm(props: CustomerAddressListProps) {
           color='secondary'
           required
           items={[
-            ...customerAddresses.map((address) => ({ ...address, value: address.id })),
+            ...customerAddresses.map((address) => ({ address, value: address.id })),
             { value: -1 },
           ]}
           render={CustomerAddressActionCard}