---
title: React.js Integration
description: This section described how to integrate the Natural Person Into a React.js application. Our Natural Person is JavaScript based and therefore the steps to integrate it into a React.js application are a
---

[Skip to content](https://support.icomplyis.com/en/react.js-integration#main-content)

[![iComply](https://support.icomplyis.com/hubfs/liComply%20ogos-smple.svg)](https://www.icomplyis.com/)

- [Home](https://support.icomplyis.com/en/icomply-mission-control)
- Coverage
- Procedures
- Technical
- Legal
- About Us

Open main navigation

Close main navigation

- [Home](https://support.icomplyis.com/en/icomply-mission-control)
- Coverage
- Procedures
- Technical
- Legal
- About Us
- [Contact Sales](https://icomplyis.com/pricing/book-demo/)

[Contact Sales](https://icomplyis.com/pricing/book-demo/)

 Hello. How can we help you?

- There are no suggestions because the search field is empty.

1. [iComply Knowledge Base](https://support.icomplyis.com/en?hsLang=en)
2. [REST API Documentation](https://support.icomplyis.com/en/rest-api-documentation?hsLang=en)

April 11, 2024

# React.js Integration

This section described how to integrate the Natural Person Into a React.js application.

Our Natural Person is JavaScript based and therefore the steps to integrate it into a React.js application are a little different than integrating it into a dynamic website or HTML page.

```
const useScript = url => {    useEffect(() => {      const script = document.createElement('script');      script.src = url;      script.async = true;      script.onload = () => {        window.iComply.init(document.getElementById('iComply'), {          callback(serverResponse) {            fetch('${API}/icomplyListener', {              method: 'POST',              mode: 'cors',              headers: {                'Content-Type': 'application/json',                Accept: 'application/json',                Authorization: 'Bearer ${AT}',              },              body: JSON.stringify(serverResponse),            }).then(res =>              serverResponse.summaryResult == 'PASS'                ? window.confirm('Automated ID Verification successful.') &&                  window.location.replace('${APP_URL}/oauth/auth?response_type=code&scope=signature&client_&redirect_uri=${APP}/signup'),                : window.confirm('Automated ID Verification unsuccessful.'),            );          },          verificationIdCallback: function (verificationId) {              console.log(verificationId)          }        });      };      document.body.appendChild(script);      return () => {        document.body.removeChild(script);      };    }, [url]);  };  useScript('https://verify.icomplykyc.com/icomply-min.js');
```

 

Please note this is just an example of how the iComply Natural Person Portal scripts can be integrated into a React.js application. Your exact implementation will vary depending on your application logic and onboarding funnel.

- [Getting Starting](https://support.icomplyis.com/en/getting-starting?hsLang=en#main-content)

    - [Introduction](https://support.icomplyis.com/en/getting-starting?hsLang=en#introduction)
- [Platform User Manual](https://support.icomplyis.com/en/platform-user-manual?hsLang=en#main-content)

    - [General](https://support.icomplyis.com/en/platform-user-manual?hsLang=en#general)
    - [Platform Overview](https://support.icomplyis.com/en/platform-user-manual?hsLang=en#platform-overview)
    - [KYC Module](https://support.icomplyis.com/en/platform-user-manual?hsLang=en#kyc-module)
    - [AML Module](https://support.icomplyis.com/en/platform-user-manual?hsLang=en#aml-module)
    - [Administration](https://support.icomplyis.com/en/platform-user-manual?hsLang=en#administration)
    - [Portals](https://support.icomplyis.com/en/platform-user-manual?hsLang=en#portals)
    - [FAQ](https://support.icomplyis.com/en/platform-user-manual?hsLang=en#faq)
    - [Compliance](https://support.icomplyis.com/en/platform-user-manual?hsLang=en#compliance)
    - [Security & Privacy](https://support.icomplyis.com/en/platform-user-manual?hsLang=en#security-privacy)
- [Quick Start Guides](https://support.icomplyis.com/en/quick-start-guides?hsLang=en#main-content)

    - [Regulatory Resources](https://support.icomplyis.com/en/quick-start-guides?hsLang=en#regulatory-resources)
- [Training Library](https://support.icomplyis.com/en/training-library?hsLang=en#main-content)

    - [Compliance Education Center](https://support.icomplyis.com/en/training-library?hsLang=en#compliance-education-center)
- [REST API Documentation](https://support.icomplyis.com/en/rest-api-documentation?hsLang=en)
- [FAQs](https://support.icomplyis.com/en/faqs?hsLang=en#main-content)

    - [Support](https://support.icomplyis.com/en/faqs?hsLang=en#support)
    - [Product](https://support.icomplyis.com/en/faqs?hsLang=en#product)

[![iComply](https://support.icomplyis.com/hubfs/liComply%20ogos-smple.svg "iComply")](https://www.iComplyis.com/)

Trust In Every Transaction   
www.icomplyis.com

<https://www.linkedin.com/in/matthewbhunger/> <https://www.x.com/icomplyis> <https://www.facebook.com/icomplyis>

Copyright © 2025, All Rights Reserved, iComply Investor Services Inc