diff --git a/src/apps/console/components/logger/index.tsx b/src/apps/console/components/logger/index.tsx
index 8b032d141..1e6670e2b 100644
--- a/src/apps/console/components/logger/index.tsx
+++ b/src/apps/console/components/logger/index.tsx
@@ -17,7 +17,22 @@ import { useSocketLogs } from '~/root/lib/client/helpers/socket/useSockLogs';
 import { generatePlainColor } from '../color-generator';
 import Pulsable from '../pulsable';
 import { logsMockData } from '../../dummy/data';
-import { ILog, ISocketMessage, IuseLog } from './useSocketLogs';
+
+export type ILog = {
+  podName: string;
+  containerName: string;
+  message: string;
+  timestamp: string;
+};
+
+export type ISocketMessage = ILog;
+
+export interface IuseLog {
+  url?: string;
+  account: string;
+  cluster: string;
+  trackingId: string;
+}
 
 const hoverClass = `hover:bg-[#ddd]`;
 const hoverClassDark = `hover:bg-[#333]`;
diff --git a/src/apps/console/components/logger/useSocketLogs.tsx b/src/apps/console/components/logger/useSocketLogs.tsx
deleted file mode 100644
index a3cfcfce3..000000000
--- a/src/apps/console/components/logger/useSocketLogs.tsx
+++ /dev/null
@@ -1,264 +0,0 @@
-import {
-  createContext,
-  useContext,
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-} from 'react';
-import * as wsock from 'websocket';
-import { dayjs } from '~/components/molecule/dayjs';
-import { ChildrenProps } from '~/components/types';
-import logger from '~/root/lib/client/helpers/log';
-import useDebounce from '~/root/lib/client/hooks/use-debounce';
-import { socketUrl } from '~/root/lib/configs/base-url.cjs';
-
-export type ILog = {
-  podName: string;
-  containerName: string;
-  message: string;
-  timestamp: string;
-};
-
-export type ISocketMessage = ILog;
-
-const LogsContext = createContext<{
-  sock: wsock.w3cwebsocket | null;
-  logs: ISocketMessage[];
-  resetLogs: () => void;
-  subscribed: boolean;
-  setSubscribed: (s: boolean) => void;
-}>({
-  sock: null,
-  logs: [],
-  resetLogs: () => {},
-  subscribed: false,
-  setSubscribed: () => {},
-});
-
-export interface IuseLog {
-  url?: string;
-  account: string;
-  cluster: string;
-  trackingId: string;
-}
-
-const useLogsContext = () => {
-  return useContext(LogsContext);
-};
-
-export const LogsProvider = ({
-  children,
-  url,
-}: ChildrenProps & {
-  url?: string;
-}) => {
-  const [logs, setLogs] = useState<ISocketMessage[]>([]);
-
-  const [sock, setSock] = useState<wsock.w3cwebsocket | null>(null);
-  const sockPromise = useRef<Promise<wsock.w3cwebsocket> | null>(null);
-  const [subscribed, setSubscribed] = useState(false);
-
-  useEffect(() => {
-    if (typeof window !== 'undefined') {
-      try {
-        sockPromise.current = new Promise<wsock.w3cwebsocket>((res, rej) => {
-          let rejected = false;
-          try {
-            // eslint-disable-next-line new-cap
-            const w = new wsock.w3cwebsocket(
-              url || `${socketUrl}/ws`,
-              '',
-              '',
-              {}
-            );
-
-            w.onmessage = (msg) => {
-              try {
-                const m: {
-                  message: string;
-                  data: {
-                    message: string;
-                    timestamp: string;
-                    podName: string;
-                    containerName: string;
-                  };
-                  id: string;
-                  for: 'logs';
-                  type: 'response' | 'error' | 'info';
-                } = JSON.parse(msg.data as string);
-
-                if (m.type === 'error') {
-                  setLogs([]);
-                  console.error(m.message);
-                  return;
-                }
-
-                if (m.type === 'info') {
-                  if (m.message === 'subscribed to logs') {
-                    setSubscribed(true);
-                  }
-                  console.log(m.message);
-                  return;
-                }
-
-                if (m.type === 'response') {
-                  switch (m.for) {
-                    case 'logs':
-                      setLogs((s) => [
-                        ...s,
-                        {
-                          podName: m.data.podName,
-                          containerName: m.data.containerName,
-                          message: m.message,
-                          timestamp: m.data.timestamp,
-                        },
-                      ]);
-                      break;
-                    default:
-                      logger.log('unknown message', m);
-                  }
-                  // setIsLoading(false);
-                  return;
-                }
-
-                console.log(m);
-              } catch (err) {
-                console.error(err);
-              }
-            };
-
-            w.onopen = () => {
-              res(w);
-            };
-
-            w.onerror = (e) => {
-              console.error(e);
-              if (!rejected) {
-                rejected = true;
-                rej(e);
-              }
-            };
-
-            w.onclose = () => {};
-          } catch (e) {
-            rej(e);
-          }
-        });
-      } catch (e) {
-        console.log(e);
-      }
-    }
-  }, []);
-
-  useEffect(() => {
-    const sorted = logs.sort((a, b) => {
-      const resp = a.podName.localeCompare(b.podName);
-
-      if (resp === 0) {
-        return dayjs(a.timestamp).unix() - dayjs(b.timestamp).unix();
-      }
-
-      return resp;
-    });
-
-    if (JSON.stringify(sorted) !== JSON.stringify(logs)) {
-      setLogs(sorted);
-    }
-  }, [logs]);
-
-  useEffect(() => {
-    (async () => {
-      if (sockPromise.current) {
-        const resp = await sockPromise.current;
-        setSock(resp);
-      }
-    })();
-  }, [sockPromise.current]);
-
-  return (
-    <LogsContext.Provider
-      value={useMemo(() => {
-        return {
-          sock,
-          logs,
-          resetLogs: () => {
-            setLogs([]);
-          },
-          subscribed,
-          setSubscribed,
-        };
-      }, [sock, logs, subscribed])}
-    >
-      {children}
-    </LogsContext.Provider>
-  );
-};
-
-export const useSocketLogs = ({ account, cluster, trackingId }: IuseLog) => {
-  const [error, setError] = useState('');
-  const [isLoading, setIsLoading] = useState(true);
-
-  const { sock, subscribed, logs, resetLogs, setSubscribed } = useLogsContext();
-
-  useDebounce(
-    () => {
-      try {
-        if (account === '' || cluster === '' || trackingId === '') {
-          return () => {};
-        }
-        if (logs.length) {
-          resetLogs();
-        }
-
-        setIsLoading(true);
-
-        sock?.send(
-          JSON.stringify({
-            for: 'logs',
-            data: {
-              event: 'subscribe',
-              spec: {
-                account,
-                cluster,
-                trackingId,
-              },
-            },
-          })
-        );
-      } catch (e) {
-        console.error(e);
-        resetLogs();
-        setError((e as Error).message);
-      }
-
-      return () => {
-        setSubscribed(false);
-        sock?.send(
-          JSON.stringify({
-            for: 'logs',
-            data: {
-              event: 'unsubscribe',
-              spec: {
-                account,
-                cluster,
-                trackingId,
-              },
-            },
-          })
-        );
-
-        resetLogs();
-      };
-    },
-    1000,
-    [account, cluster, trackingId, sock]
-  );
-
-  return {
-    logs,
-    error,
-    isLoading,
-    subscribed,
-  };
-};
diff --git a/src/apps/console/root.tsx b/src/apps/console/root.tsx
index 0eeebf550..966c169c6 100644
--- a/src/apps/console/root.tsx
+++ b/src/apps/console/root.tsx
@@ -5,7 +5,6 @@ import { SockProvider } from '~/root/lib/client/helpers/socket/context';
 import authStylesUrl from './styles/index.css';
 import highlightCss from './styles/hljs/tokyo-night-dark.min.css';
 import { DataContextProvider } from './page-components/common-state';
-import { LogsProvider } from './components/logger/useSocketLogs';
 
 export { loader } from '~/lib/app-setup/root.jsx';
 export { shouldRevalidate } from '~/lib/app-setup/root.jsx';
@@ -28,9 +27,7 @@ const _Root = ({ ...props }) => {
   return (
     <SockProvider>
       <DataContextProvider>
-        <LogsProvider>
-          <Root {...props} Wrapper={Layout} />
-        </LogsProvider>
+        <Root {...props} Wrapper={Layout} />
       </DataContextProvider>
     </SockProvider>
   );