@instnt/react-instnt-js v0.1.9

React Instnt.js

React components for Instnt.js.

Getting started

• Learn how to accept a payment
• Add React Instnt.js to your React app
• Try it out using CodeSandbox

Documentation

• React Instnt.js reference
• Examples

Minimal example

First, install React Instnt.js and Instnt.js.

npm install @instnt/react-instnt-js @instnt/instnt-js

Using hooks

import React from 'react';
import ReactDOM from 'react-dom';
import {loadInstnt} from '@instnt/instnt-js';
import {

} from '@instnt/react-instnt-js';


const App = () => (
  <InstntSignUp >
    <CheckoutForm />
  </InstntSignUp>
);

ReactDOM.render(<App />, document.body);

Using class components

import React from 'react';
import ReactDOM from 'react-dom';
import {loadInstnt} from '@instnt/instnt-js';

const App = () => (
  <InstntSignUp instnt={instntPromise}>
    <InjectedCheckoutForm />
  </InstntSignUp>
);

ReactDOM.render(<App />, document.body);

Minimum requirements

The minimum supported version of React is v16.8. If you use an older version, upgrade React to use this library.

TypeScript support

React Instnt.js is packaged with TypeScript declarations. Some types are pulled from @instnt/instnt-js—be sure to add @instnt/instnt-js as a dependency to your project for full TypeScript support.

Typings in React Instnt.js follow the same versioning policy as @instnt/instnt-js.