You can use this component to easily integrate Bitrix24 CRM Forms into ReactJS or NextJS projects. TypeScript is also supported.

• Login to Bitrix24
• Create a CRM Form
• Get the Embed Code similar to this

<script data-b24-form="inline/55/e23xlv" data-skip-moving="true">
(function(w,d,u){
var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/180000|0);
var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
}(window,document, 'https://cdn.bitrix24.com/b16700425/crm/form/loader_55.js'));
</script>

• Note down the src as the URI given ('https://cdn.bitrix24.com/b16700425/crm/form/loader_55.js' in this example), and data as the first attribute ("inline/55/e23xlv" in this example)

• Install react-bitrix24-form

yarn add react-bitrix24-form

npm i react-bitrix24-form

• Import Bitrix24Form

import { Bitrix24Form } from 'react-bitrix24-form';

• Add Bitrix24Form component inside your React component

<Bitrix24Form
    src='https://cdn.bitrix24.com/b16700425/crm/form/loader_55.js'
    data="inline/55/e23xlv"
/>

• Run your React codebase.