React Monetization

- What is this?
- Installation
- Usage
- WebMonetizationProvider
- useWebMonetization

What is this?

A React library for tracking Web Monetization state in your app.

Installation

``bash
npm install @interruptor/react-monetization
`

Usage

$3

First, you need to wrap your application with the WebMonetizationProvider. This sets up the event listeners needed for tracking web monetization events.

`jsx
const MyApp = ({ children }) => {
return {children}
}
`

$3

The useWebMonetization hook provides information about the current Web Monetization state, whether it's "pending", "started" or "stopped". For convenience, there's also an isActive property, for knowing whether it's on or off.

`jsx
const MyComponent = () => {
const monetization = useWebMonetization()

if (monetization.isActive) {
return

Web Monetization is enabled! 🎉

}

return

It's off

}
`

⚠️ _The hook will throw an error if used outside of the WebMonetizationProvider`_