Collaboration: Room chat

# feat
- chatting antar user
- lihat info grup
## No issue

src/util/mqtt_client.ts

@@ -1,10 +1,10 @@
 import mqtt from "mqtt";
 
-// declare global {
-//   var mqtt_client: mqtt.MqttClient;
-// }
+declare global {
+  var mqtt_client: mqtt.MqttClient;
+}
 
-// const mqtt_client =
-//   globalThis.mqtt_client || mqtt.connect("wss://io.wibudev.com");
+const mqtt_client =
+  globalThis.mqtt_client || mqtt.connect("wss://io.wibudev.com");
 
-// export default mqtt_client;
+export default mqtt_client;

src/util/mqtt_loader.tsx

@@ -1,22 +1,20 @@
 "use client";
 
-import { useEffect } from "react";
-// import mqtt_client from "./mqtt_client";
-// import { useAtom } from "jotai";
-// import { gs_coba_chat } from "@/app/makuro/gs_coba";
+import { useEffect, useState } from "react";
+import mqtt_client from "./mqtt_client";
+import { useAtom } from "jotai";
+import { gs_coba_chat } from "@/app/makuro/gs_coba";
 
-// export default function MqttLoader() {
-//   const [msg, setMsg] = useAtom(gs_coba_chat);
-//   useEffect(() => {
-//     mqtt_client.on("connect", () => {
-//       console.log("connected");
-//       mqtt_client.subscribe("example_hipmi");
-//     });
+export default function MqttLoader() {
+  useEffect(() => {
+    mqtt_client.on("connect", () => {
+      console.log("connected");
+    //   mqtt_client.subscribe("server12");
+    });
 
-//     mqtt_client.on("message", (apa, message) => {
-//       console.log(message.toLocaleString());
-//       setMsg(message.toLocaleString() as any);
-//     });
-//   }, [setMsg]);
-//   return null;
-// }
+    // mqtt_client.on("message", (apa) => {
+    //   console.log("Ini yang di utils");
+    // });
+  }, []);
+  return null;
+}