Loading...
;
+
+ const selectedAssetData = options.assets.find(a => a.id === selectedAsset);
+
+ return (
+
+ );
+}
+```
+
+---
+
+## Best Practices
+
+### 1. Performance Optimization
+
+**Cache Aggressively**
+```typescript
+// Cache options for at least 30-60 minutes
+// Options don't change frequently
+const CACHE_TTL = 60 * 60 * 1000; // 1 hour
+```
+
+**Parallel Requests**
+```typescript
+// When you need options for multiple regions
+const [usOptions, ukOptions] = await Promise.all([
+ fetchOnrampOptions({ country: 'US', subdivision: 'CA' }),
+ fetchOnrampOptions({ country: 'GB' })
+]);
+```
+
+**Prefetch on Route Load**
+```typescript
+// In Next.js, prefetch in getServerSideProps or loader
+export async function getServerSideProps() {
+ const options = await fetchOnrampOptions({
+ country: 'US',
+ subdivision: 'CA',
+ apiKey: process.env.ONRAMP_API_KEY
+ });
+
+ return { props: { options } };
+}
+```
+
+### 2. Error Handling
+
+**Graceful Fallbacks**
+```typescript
+async function getOptionsWithFallback(
+ country: string,
+ subdivision?: string
+) {
+ try {
+ return await fetchOnrampOptions({ country, subdivision });
+ } catch (error) {
+ console.error('Failed to fetch options:', error);
+
+ // Return empty options as fallback
+ return {
+ fiatCurrencies: [],
+ assets: []
+ };
+ }
+}
+```
+
+**Retry Logic**
+```typescript
+async function fetchWithRetry(
+ params: FetchOnrampOptionsParams,
+ maxRetries: number = 3
+): Promise
-