# React

## 1. Installation

To install the Preventor Web SDK,  add the following to your project’s:

1. Add `https://sdk.preventor.com/pvtid/verifyme/verifyme.esm.js` in your `public/index.html`.

```html
<script
    type="module"
    src="https://sdk.preventor.com/pvtid/verifyme/verifyme.esm.js"
></script>
```

2\. Setup the button in your component file

```tsx
import React, { useEffect, useRef } from "react";

export default function App() {
  const pvtButtonRef = useRef(null);
  useEffect(() => {
    window.PvtVerifymeConfig = YOUR_CONFIGURATION;
  }, []);

  return <pvt-button ref={pvtButtonRef}></pvt-button>;
}
```

{% hint style="success" %}
You have successfully installed the Preventor Web SDK!
{% endhint %}