React Integration
LaserEyesProvider
The essential React context provider that powers LaserEyes integration in your application.
The LaserEyesProvider is a React context provider that initializes the LaserEyes client and makes it available throughout your application. It serves as the bridge between your React components and the core LaserEyes functionality.
Basic Usage
Basic Setup
import { LaserEyesProvider } from '@omnisat/lasereyes-react'
import { MAINNET } from '@omnisat/lasereyes-core'
function App() {
return (
<LaserEyesProvider
config={{
network: MAINNET
}}
>
<YourApp />
</LaserEyesProvider>
)
}Configuration Options
Network Configuration
// Use Mainnet
<LaserEyesProvider config={{ network: MAINNET }}>
<MainnetApp />
</LaserEyesProvider>
// Use Testnet
<LaserEyesProvider config={{ network: TESTNET }}>
<TestnetApp />
</LaserEyesProvider>DataSource Configuration
<LaserEyesProvider
config={{
network: MAINNET,
dataSources: {
maestro: {
apiKey: 'your-maestro-api-key',
},
sandshrew: {
url: 'https://api.sandshrew.io',
apiKey: 'your-sandshrew-api-key',
},
mempool: {
url: 'https://mempool.space/api',
},
esplora: 'https://blockstream.info/api',
}
}}
>
<YourApp />
</LaserEyesProvider>Development API Keys
While development API keys are included for testing, register your own API keys for production use to avoid rate limiting.