next-tawkto

A simple wrapper around tawk.to JS API to help integrate chat into any application that is based on the react framework.

Forked from Steve-Junior/tawkto-react and added support for React v18 since it was stopping me from upgrading to Next.js v13

Installation

``sh
npm install next-tawkto --save
`

Usage

This package is simple react wrapper around the tawk.to JS API. Explore the Tawk JS API as you wish.

Please consider migrating to the latest version and fetch the propertyId and tawkId from your account

!Screenshot

class component

`javascript
import TawkTo from "next-tawkto"

componentDidMount()
{
var tawk = new TawkTo(propertyId, tawkId)

tawk.hideWidget()
}
`

functional component

`javascript
import TawkTo from "next-tawkto"

useEffect(() => {

var tawk = new TawkTo(propertyId, tawkId)

tawk.onStatusChange((status) =>
{
// console.log(status)
})

}, [])
`

my preferred implementation in Next.js hosted on Vercel

`javascript
useEffect(() => {
if (!window) return;

if (process.env.NEXT_PUBLIC_ENVIRONMENT !== "live") return;

new tawkTo(propertyId, tawkId);
}, []);
``

License

Authors

* Steve Junior
* Zahid Mahmood