When a user reorders their cart without interacting with their cart p…

…reviously a new cart wouldn't be created.

.changeset/tender-guests-refuse.md

@@ -0,0 +1,5 @@
+---
+'@graphcommerce/magento-customer': patch
+---
+
+When a user reorders their cart without interacting with their cart previously a new cart wouldn't be created.

packages/magento-cart/hooks/useClearCurrentCartId.ts

@@ -6,7 +6,9 @@ export function useClearCurrentCartId() {
   const { cache } = useApolloClient()
 
   return () => {
-    cache.evict({ fieldName: 'currentCartId', broadcast: true })
+    cache.evict({ fieldName: 'currentCartId' })
+    cache.evict({ fieldName: 'customerCart' })
+    cache.gc()
     cookie(CART_ID_COOKIE, null)
   }
 }

packages/magento-customer/components/ReorderItems/ReorderItems.tsx

@@ -1,18 +1,22 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
+import { useFormGqlMutationCart } from '@graphcommerce/magento-cart'
 import { AddProductsToCartSnackbarMessage } from '@graphcommerce/magento-product/components/AddProductsToCart/AddProductsToCartSnackbarMessage'
 import { iconChevronRight, IconSvg, LinkOrButton, nonNullable } from '@graphcommerce/next-ui'
-import { useFormGqlMutation } from '@graphcommerce/react-hook-form'
 import { Trans } from '@lingui/macro'
 import { Box } from '@mui/material'
 import type { OrderItemsFragment } from '../OrderItems/OrderItems.gql'
+import type { ReorderItemsMutation, ReorderItemsMutationVariables } from './ReorderItems.gql'
 import { ReorderItemsDocument } from './ReorderItems.gql'
 
 export type ReorderItemsProps = { order: OrderItemsFragment }
 
 export function ReorderItems(props: ReorderItemsProps) {
   const { order } = props
 
-  const form = useFormGqlMutation(ReorderItemsDocument, {
+  const form = useFormGqlMutationCart<
+    ReorderItemsMutation,
+    ReorderItemsMutationVariables & { cartId: string }
+  >(ReorderItemsDocument, {
     defaultValues: { orderNumber: order.number },
   })
   const { formState, handleSubmit, error, data: cartData } = form