hotfix(medusa-react): Invalidate query keys on successful mutations (#3099)

**What**
- Fixes an issue where query keys weren't invalidated on successful mutations.

**How**
- Update `buildOptions` function to be called per `QueryKey` instead of passing them all as a single query key, resulting in no matches found.
- Fixes imports that aren't compatible with ESM modules.

.changeset/smooth-knives-stare.md

@@ -0,0 +1,5 @@
+---
+"medusa-react": patch
+---
+
+hotfix(medusa-react): Fixes an issue where queries weren't properly invalidated on successful mutations

packages/medusa-react/src/hooks/admin/auth/mutations.ts

@@ -5,9 +5,9 @@ import {
   UseMutationOptions,
   useQueryClient,
 } from "@tanstack/react-query"
-import { adminAuthKeys } from "."
 import { useMedusa } from "../../../contexts/medusa"
 import { buildOptions } from "../../utils/buildOptions"
+import { adminAuthKeys } from "./queries"
 
 export const useAdminLogin = (
   options?: UseMutationOptions<Response<AdminAuthRes>, Error, AdminPostAuthReq>

packages/medusa-react/src/hooks/admin/collections/mutations.ts

@@ -12,9 +12,9 @@ import {
   UseMutationOptions,
   useQueryClient,
 } from "@tanstack/react-query"
-import { adminCollectionKeys } from "."
 import { useMedusa } from "../../../contexts/medusa"
 import { buildOptions } from "../../utils/buildOptions"
+import { adminCollectionKeys } from "./queries"
 
 export const useAdminCreateCollection = (
   options?: UseMutationOptions<

packages/medusa-react/src/hooks/admin/currencies/mutations.ts

@@ -8,9 +8,9 @@ import {
   UseMutationOptions,
   useQueryClient,
 } from "@tanstack/react-query"
-import { adminCurrenciesKeys } from "."
 import { useMedusa } from "../../../contexts/medusa"
 import { buildOptions } from "../../utils/buildOptions"
+import { adminCurrenciesKeys } from "./queries"
 
 export const useAdminUpdateCurrency = (
   code: string,

packages/medusa-react/src/hooks/admin/gift-cards/mutations.ts

@@ -9,9 +9,9 @@ import {
   UseMutationOptions,
   useQueryClient,
 } from "@tanstack/react-query"
-import { adminGiftCardKeys } from "."
 import { useMedusa } from "../../../contexts/medusa"
 import { buildOptions } from "../../utils/buildOptions"
+import { adminGiftCardKeys } from "./queries"
 
 export const useAdminCreateGiftCard = (
   options?: UseMutationOptions<

packages/medusa-react/src/hooks/admin/notes/mutations.ts

@@ -10,9 +10,9 @@ import {
   UseMutationOptions,
   useQueryClient,
 } from "@tanstack/react-query"
-import { adminNoteKeys } from "."
 import { useMedusa } from "../../../contexts/medusa"
 import { buildOptions } from "../../utils/buildOptions"
+import { adminNoteKeys } from "./queries"
 
 export const useAdminCreateNote = (
   options?: UseMutationOptions<

packages/medusa-react/src/hooks/admin/order-edits/mutations.ts

@@ -15,10 +15,10 @@ import {
   AdminPostOrderEditsReq,
 } from "@medusajs/medusa"
 
-import { adminOrderEditsKeys } from "."
 import { useMedusa } from "../../../contexts"
 import { buildOptions } from "../../utils/buildOptions"
 import { adminOrderKeys } from "../orders"
+import { adminOrderEditsKeys } from "./queries"
 
 export const useAdminCreateOrderEdit = (
   options?: UseMutationOptions<

packages/medusa-react/src/hooks/admin/payment-collections/mutations.ts

@@ -11,9 +11,9 @@ import {
   AdminUpdatePaymentCollectionsReq,
 } from "@medusajs/medusa"
 
-import { adminPaymentCollectionQueryKeys } from "."
 import { useMedusa } from "../../../contexts"
 import { buildOptions } from "../../utils/buildOptions"
+import { adminPaymentCollectionQueryKeys } from "./queries"
 
 export const useAdminDeletePaymentCollection = (
   id: string,

packages/medusa-react/src/hooks/admin/payments/mutations.ts

@@ -11,9 +11,9 @@ import {
   AdminRefundRes,
 } from "@medusajs/medusa"
 
-import { adminPaymentQueryKeys } from "."
 import { useMedusa } from "../../../contexts"
 import { buildOptions } from "../../utils/buildOptions"
+import { adminPaymentQueryKeys } from "./queries"
 
 export const useAdminPaymentsCapturePayment = (
   id: string,

packages/medusa-react/src/hooks/admin/publishable-api-keys/mutations.ts

@@ -13,9 +13,9 @@ import {
   AdminPublishableApiKeysRes,
 } from "@medusajs/medusa"
 
-import { adminPublishableApiKeysKeys } from "."
 import { useMedusa } from "../../../contexts"
 import { buildOptions } from "../../utils/buildOptions"
+import { adminPublishableApiKeysKeys } from "./queries"
 
 export const useAdminCreatePublishableApiKey = (
   options?: UseMutationOptions<

packages/medusa-react/src/hooks/admin/return-reasons/mutations.ts

@@ -9,9 +9,9 @@ import {
   UseMutationOptions,
   useQueryClient,
 } from "@tanstack/react-query"
-import { adminReturnReasonKeys } from "."
 import { useMedusa } from "../../../contexts/medusa"
 import { buildOptions } from "../../utils/buildOptions"
+import { adminReturnReasonKeys } from "./queries"
 
 export const useAdminCreateReturnReason = (
   options?: UseMutationOptions<

packages/medusa-react/src/hooks/store/order-edits/mutations.ts

@@ -10,9 +10,9 @@ import {
   StorePostOrderEditsOrderEditDecline,
 } from "@medusajs/medusa"
 
-import { orderEditQueryKeys } from "."
 import { useMedusa } from "../../../contexts"
 import { buildOptions } from "../../utils/buildOptions"
+import { orderEditQueryKeys } from "./queries"
 
 export const useDeclineOrderEdit = (
   id: string,

packages/medusa-react/src/hooks/store/orders/mutations.ts

@@ -10,9 +10,9 @@ import {
   StorePostCustomersCustomerOrderClaimReq,
 } from "@medusajs/medusa"
 
-import { orderKeys } from "."
 import { useMedusa } from "../../../contexts"
 import { buildOptions } from "../../utils/buildOptions"
+import { orderKeys } from "./queries"
 
 export const useRequestOrderAccess = (
   options?: UseMutationOptions<

packages/medusa-react/src/hooks/store/payment-collections/mutations.ts

@@ -13,9 +13,9 @@ import {
   StorePostPaymentCollectionsBatchSessionsReq,
 } from "@medusajs/medusa"
 
-import { paymentCollectionQueryKeys } from "."
 import { useMedusa } from "../../../contexts"
 import { buildOptions } from "../../utils/buildOptions"
+import { paymentCollectionQueryKeys } from "./queries"
 
 export const useManageMultiplePaymentSessions = (
   id: string,

packages/medusa-react/src/hooks/utils/buildOptions.ts

@@ -23,7 +23,9 @@ export const buildOptions = <
       }
 
       if (queryKey !== undefined) {
-        queryClient.invalidateQueries(queryKey)
+        queryKey.forEach((key) => {
+          queryClient.invalidateQueries({ queryKey: key as QueryKey })
+        })
       }
     },
   }