diff --git a/renderer/components/hooks/useLog.tsx b/renderer/components/hooks/useLog.tsx
new file mode 100644
index 0000000..3ddeb66
--- /dev/null
+++ b/renderer/components/hooks/useLog.tsx
@@ -0,0 +1,21 @@
+import { logAtom } from "../../atoms/logAtom";
+import log from "electron-log/renderer";
+import { useSetAtom } from "jotai";
+import React from "react";
+
+const useLog = () => {
+  const setLogData = useSetAtom(logAtom);
+
+  const logit = (...args: any) => {
+    log.log(...args);
+
+    const data = [...args].join(" ");
+    setLogData((prevLogData) => [...prevLogData, data]);
+  };
+
+  return {
+    logit,
+  };
+};
+
+export default useLog;