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-reactimportReactfrom'react'import{useSend,useDirectCharge,useCheckout}from'thepeer-react'// ...exportdefaultfunctionApp(){constconfig={publicKey: 'PUBLIC_KEY',amount: 'AMOUNT_IN_KOBO',currency: 'NGN',meta: {discount: 'black friday'}}consthandleSendPayment=useSend({
...config,userReference: 'USER_REFERENCE'})consthandleDirectChargePayment=useDirectCharge({
...config,userReference: 'USER_REFERENCE'})consthandleCheckoutPayment=useCheckout(config)return(<divclassName='App'><h1>Thepeer SDKs </h1><buttononClick={handleSendPayment}>Send</button><buttononClick={handleDirectChargePayment}>Direct Charge</button><buttononClick={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 support@thepeer.co. We're more than happy to help you out.
MIT for more information.