How to integrate Release0 with React

npm install @release0.com/react

import { Standard } from '@release0.com/react';

const App = () => {
  return (
    <Standard
      agent="ag_wkudr50npuorrrjz6pyx84yv"
      style={{ width: '100%', height: '600px' }}
    />
  );
};

import { Popup } from '@release0.com/react';

const App = () => {
  return <Popup agent="ag_wkudr50npuorrrjz6pyx84yv" autoShowDelay={3000} />;
};

import { Bubble } from '@release0.com/react';

const App = () => {
  return (
    <Bubble
      agent="ag_wkudr50npuorrrjz6pyx84yv"
      previewMessage={{
        message: 'I have a question for you!',
        autoShowDelay: 5000,
        avatarUrl: 'https://release0.com/images/logo512.png',
      }}
      theme={{
        button: { backgroundColor: '#0042DA', iconColor: '#FFFFFF' },
        previewMessage: { backgroundColor: '#ffffff', textColor: 'black' },
      }}
    />
  );
};

import { Standard } from '@release0.com/react';

const App = () => {
  return (
    <Standard
      agent="ag_wkudr50npuorrrjz6pyx84yv"
      style={{ width: '100%', height: '600px' }}
      initialContext={{
        'Current URL': 'https://my-site/account',
        'User name': 'John Doe',
      }}
    />
  );
};