diff --git a/src/app_modules/notif/index.tsx b/src/app_modules/notif/index.tsx
new file mode 100644
index 00000000..6dc0240d
--- /dev/null
+++ b/src/app_modules/notif/index.tsx
@@ -0,0 +1,17 @@
+"use client";
+import { useShallowEffect } from "@mantine/hooks";
+import io from "socket.io-client";
+import { toast } from "react-toastify";
+// const socket = io("https://io.wibudev.com");
+
+export default function AppNotif() {
+  // useShallowEffect(() => {
+  //   socket.on("io", (data) => {
+  //       console.log(JSON.stringify(data))
+  //     if (data && data.id === "hipmi") {
+  //       toast.success(data.data);
+  //     }
+  //   });
+  // }, []);
+  return <></>;
+}