@tawk.to/tawk-messenger-react NPM

Features

Using React Hooks
Documented and self-explaining methods
Small size without any external libraries
All Javascript API methods are available
Maintained by the tawk.to team.

Installation

The plugins are available from the node and yarn package managers.

# Node
npm install @tawk.to/tawk-messenger-react

# Yarn
yarn add @tawk.to/tawk-messenger-react

Quickstart

Import tawk-messenger-react into the App.js file of your src/ folder. The propertyId and widgetId will be found on your tawk Dashboard.

When using the API, you will need to use the useRef to access the object functions from the tawk-messenger-react component.

import TawkMessengerReact from '@tawk.to/tawk-messenger-react';

function App() {
    return (
        <div className="App">
            <TawkMessengerReact
                propertyId="property_id"
                widgetId="default"/>
        </div>
    );
}