fix(examples): update transaction params for algosdk v3

Update transaction parameter names in all example projects to match algosdk v3:
- Rename 'from' to 'sender'
- Rename 'to' to 'receiver'

Affects examples in Next.js, Nuxt, React, Solid, Vue, and vanilla TS

Author: drichar

examples/nextjs/src/app/Connect.tsx

@@ -53,8 +53,8 @@ export function Connect() {
       const suggestedParams = await algodClient.getTransactionParams().do()
 
       const transaction = algosdk.makePaymentTxnWithSuggestedParamsFromObject({
-        from: activeAddress,
-        to: activeAddress,
+        sender: activeAddress,
+        receiver: activeAddress,
         amount: 0,
         suggestedParams
       })

examples/nuxt/components/Connect.vue

@@ -44,8 +44,8 @@ const sendTransaction = async (wallet: Wallet) => {
     const suggestedParams = await algodClient.value.getTransactionParams().do()
 
     const transaction = algosdk.makePaymentTxnWithSuggestedParamsFromObject({
-      from: wallet.activeAccount.address,
-      to: wallet.activeAccount.address,
+      sender: wallet.activeAccount.address,
+      receiver: wallet.activeAccount.address,
       amount: 0,
       suggestedParams
     })

examples/react-ts/src/Connect.tsx

@@ -50,8 +50,8 @@ export function Connect() {
       const suggestedParams = await algodClient.getTransactionParams().do()
 
       const transaction = algosdk.makePaymentTxnWithSuggestedParamsFromObject({
-        from: activeAddress,
-        to: activeAddress,
+        sender: activeAddress,
+        receiver: activeAddress,
         amount: 0,
         suggestedParams
       })

examples/solid-ts/src/Connect.tsx

@@ -54,8 +54,8 @@ export function Connect() {
       const suggestedParams = await algodClient().getTransactionParams().do()
 
       const transaction = algosdk.makePaymentTxnWithSuggestedParamsFromObject({
-        from: sender,
-        to: sender,
+        sender: sender,
+        receiver: sender,
         amount: 0,
         suggestedParams
       })

examples/vanilla-ts/src/WalletComponent.ts

@@ -41,8 +41,8 @@ export class WalletComponent {
       const suggestedParams = await this.manager.algodClient.getTransactionParams().do()
 
       const transaction = algosdk.makePaymentTxnWithSuggestedParamsFromObject({
-        from: activeAddress,
-        to: activeAddress,
+        sender: activeAddress,
+        receiver: activeAddress,
         amount: 0,
         suggestedParams
       })

examples/vue-ts/src/components/Connect.vue

@@ -37,8 +37,8 @@ const sendTransaction = async (wallet: Wallet) => {
     const suggestedParams = await algodClient.value.getTransactionParams().do()
 
     const transaction = algosdk.makePaymentTxnWithSuggestedParamsFromObject({
-      from: wallet.activeAccount.address,
-      to: wallet.activeAccount.address,
+      sender: wallet.activeAccount.address,
+      receiver: wallet.activeAccount.address,
       amount: 0,
       suggestedParams
     })