Official React package for Thepeer
Thepeer is a quick and secure way to send money across any business. The SDK handles connecting other businesses to your app.
npm install thepeer-reactimport React from 'react'
import { useSend, useDirectCharge, useCheckout } from 'thepeer-react'
// ...
export default function App() {
const config = {
publicKey: 'PUBLIC_KEY',
amount: 'AMOUNT_IN_KOBO',
currency: 'NGN',
meta: {
discount: 'black friday'
}
}
const handleSendPayment = useSend({
...config,
userReference: 'USER_REFERENCE'
})
const handleDirectChargePayment = useDirectCharge({
...config,
userReference: 'USER_REFERENCE'
})
const handleCheckoutPayment = useCheckout(config)
return (
<div className='App'>
<h1>Thepeer SDKs </h1>
<button onClick={handleSendPayment}>Send</button>
<button onClick={handleDirectChargePayment}>Direct Charge</button>
<button onClick={handleCheckoutPayment}>Checkout</button>
</div>
)
}string: Required Your public key can be found on your dashboard settings.
string: Required The user reference returned by Thepeer API when a user has been indexed
string | number: Required The amount you intend to send in kobo
string: Optional The currency being used. Defaults to NGN
(response) => void: Required This is called when a transaction is successfully. It returns a response with event type and transaction details.
See the event details below.
(response) => void: Required This is called when a transaction fails. It returns a response with event type
See the event details below.
(response) => void: Required This is called when a user clicks on the close button.
object: Optional This object should contain additional/optional attributes you would like to have on your transaction response
If you're having trouble with Thepeer React or your integration, please reach out to us at [email protected]. We're more than happy to help you out.
MIT for more information.