MQTT in react js

Using MQTT in react js

Subscribe MQTT topic to get all messages of that particular topic:

install npm package mqtt with command npm i mqtt or visit mqtt.js

import mqtt from 'mqtt';
const mqttHost = 'wss://<SERVER-ADDRESS>:<PORT>/mqtt';
// add your mqtt topic 
const topic = `mqttTopic`;
// connecting to MQTT serever
const client = mqtt.connect(mqttHost)
// on connect mqtt
client.on('connect', () => {
   console.log('client connected!')
});
// subscribing a topoic on mqtt
client.subscribe(topic,{qos:1},()=>{
   console.log('client subscribed on topic:',topic);
});
// getting error
client.on("error",(error)=>{
   console.log("Can't connect"+error);
});
// receiving messages
client.on('message', (topic, message) => {
   console.log(message.toString(), topic);
   client.end();
});
// publishing message to a topic
client.publish(topic, message || 'hello world')