Properly type purchaseData as Record<string, unknown>

Author: jnsdls

.changeset/orange-files-admire.md

@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+properly type purchaseData

packages/thirdweb/src/react/core/hooks/connection/ConnectButtonProps.ts

@@ -117,7 +117,7 @@ export type PayUIOptions = Prettify<
      *
      * This details will be stored with the purchase and can be retrieved later via the status API or Webhook
      */
-    purchaseData?: object;
+    purchaseData?: Record<string, unknown>;
 
     /**
      * Callback to be called when the user successfully completes the purchase.

packages/thirdweb/src/react/core/hooks/transaction/useSendTransaction.ts

@@ -65,7 +65,7 @@ export type SendTransactionPayModalConfig =
             testMode?: boolean;
             preferredProvider?: FiatProvider;
           };
-      purchaseData?: object;
+      purchaseData?: Record<string, unknown>;
       /**
        * Callback to be called when the user successfully completes the purchase.
        */

packages/thirdweb/src/react/web/ui/PayEmbed.tsx

@@ -363,9 +363,7 @@ export function PayEmbed(props: PayEmbedProps) {
               ? ["card"]
               : ["crypto", "card"]
         }
-        purchaseData={
-          props.payOptions?.purchaseData as Record<string, unknown> | undefined
-        }
+        purchaseData={props.payOptions?.purchaseData}
         theme={theme}
         title={metadata?.name || "Buy"}
         tokenAddress={
@@ -390,9 +388,7 @@ export function PayEmbed(props: PayEmbedProps) {
             ? ["crypto"]
             : ["crypto", "card"]
         }
-        purchaseData={
-          props.payOptions?.purchaseData as Record<string, unknown> | undefined
-        }
+        purchaseData={props.payOptions?.purchaseData}
         seller={props.payOptions.paymentInfo.sellerAddress as Address}
         theme={theme}
         tokenAddress={
@@ -414,9 +410,7 @@ export function PayEmbed(props: PayEmbedProps) {
             ? ["crypto"]
             : ["crypto", "card"]
         }
-        purchaseData={
-          props.payOptions?.purchaseData as Record<string, unknown> | undefined
-        }
+        purchaseData={props.payOptions?.purchaseData}
         theme={theme}
         title={metadata?.name}
         transaction={props.payOptions.transaction}