JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdn.conversejs.org/css/converse.min.css">
<script src="https://cdn.conversejs.org/dist/converse.min.js"></script>

JavaScript

converse.plugins.add('myplugin', {
     initialize: function () {
         alert('myplugin initialize called!');
     },
     overrides: {
         ChatBoxView: {
             renderMessage: function (attrs) {
                 alert('render message.');
                 return this.__super__.renderMessage.apply(
                     this, arguments);
             }
         }
     }
});

converse.initialize({
    bosh_service_url: 'https://conversejs.org/http-bind/',
    show_controlbox_by_default: true,
    whitelisted_plugins: ['myplugin']
});