Merge pull request #174 from aave/feat/examples

Feat/examples

Author: cesarenaldi

examples/balances/README.md

@@ -1,3 +1,3 @@
 # List all User Balances
 
-[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/aave/aave-sdk/tree/main/examples/balances)
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/aave/aave-v4-sdk/tree/main/examples/balances)

examples/balances/package.json

@@ -8,7 +8,7 @@
     "dev": "vite"
   },
   "dependencies": {
-    "@aave/react": "workspace:*",
+    "@aave/react": "next",
     "react": "^19.1.0",
     "react-dom": "^19.1.0"
   },

examples/balances/src/App.tsx

@@ -1,9 +1,22 @@
-import { chainId, evmAddress, useUserBalances } from '@aave/react';
+import {
+  chainId,
+  evmAddress,
+  ReservesRequestFilter,
+  useUserBalances,
+} from '@aave/react';
+import { supportedChains } from '@aave/react/viem';
+
+const defaultChain = chainId(supportedChains[0].id);
 
 export function App() {
   const { data, loading } = useUserBalances({
-    chainIds: [chainId(1)],
-    user: evmAddress('0x26D595DDDBAD81BF976EF6F24686A12A800B141F'),
+    user: evmAddress('0x6e82eeef7d4aa83da6de167bed33443a40fada8d'),
+    filter: {
+      chains: {
+        chainIds: [defaultChain],
+        byReservesType: ReservesRequestFilter.All,
+      },
+    },
   });
 
   if (loading) {

examples/exchange-rates/README.md

@@ -1,3 +1,3 @@
 # Exchange Rates
 
-[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/aave/aave-sdk/tree/main/examples/exchange-rates)
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/aave/aave-v4-sdk/tree/main/examples/exchange-rates)

examples/exchange-rates/package.json

@@ -8,7 +8,7 @@
     "dev": "vite"
   },
   "dependencies": {
-    "@aave/react": "workspace:*",
+    "@aave/react": "next",
     "react": "^19.1.0",
     "react-dom": "^19.1.0"
   },

examples/exchange-rates/src/App.tsx

@@ -39,7 +39,11 @@ export function App() {
         <div>
           <strong>
             ETH to USD:{' '}
-            {loading ? 'Loading...' : data ? `$${data.value}` : 'No data'}
+            {loading
+              ? 'Loading...'
+              : data
+                ? `$${data.value.toDisplayString(2)}`
+                : 'No data'}
           </strong>
         </div>
       </div>
@@ -53,7 +57,9 @@ export function App() {
         </form>
         {exchangeRate && (
           <div>
-            <strong>Current Rate: ${exchangeRate.value}</strong>
+            <strong>
+              Current Rate: ${exchangeRate.value.toDisplayString(2)}
+            </strong>
           </div>
         )}
       </div>

examples/hubs/README.md

@@ -1,3 +1,3 @@
 # List all Hubs
 
-[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/aave/aave-sdk/tree/main/examples/hubs)
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/aave/aave-v4-sdk/tree/main/examples/hubs)

examples/hubs/package.json

@@ -8,7 +8,7 @@
     "dev": "vite"
   },
   "dependencies": {
-    "@aave/react": "workspace:*",
+    "@aave/react": "next",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "viem": "^2.37.5",

examples/hubs/src/App.tsx

@@ -1,8 +1,13 @@
 import { chainId, useHubs } from '@aave/react';
+import { supportedChains } from '@aave/react/viem';
+
+const defaultChain = chainId(supportedChains[0].id);
 
 export function App() {
   const { data, loading } = useHubs({
-    chainIds: [chainId(1)],
+    query: {
+      chainIds: [defaultChain],
+    },
   });
 
   if (loading) {

examples/react-privy/.env.example

@@ -1,3 +1,2 @@
 VITE_PRIVY_APP_ID=<privy_app_id>
 VITE_PRIVY_CLIENT_ID=<privy_app_secret>
-