M Q T T Component - Copy this React, Tailwind Component to your project

Create an interface to connect to an MQTT broker with a sidebar that includes a dashboard and a device section. In the device section, users can add MQTT brokers (with the MQTT link and port). Within each broker card, users can add topics and choose a data display format (GPS coordinates or real time data). The broker information (including the topics) will be displayed on the dashboard. If the topic data is in GPS coordinates format, it will be shown on a map; if it's in real time data format, it will be displayed as a graph.