diff --git a/src/common/instances/AdminSocket.ts b/src/common/instances/AdminSocket.ts
index 2ba1136363a432fad6903d7bc43e29acbf584a87..4d7d4ea5b19815c25410f176c78e070c7a1357a8 100644
--- a/src/common/instances/AdminSocket.ts
+++ b/src/common/instances/AdminSocket.ts
@@ -1,6 +1,7 @@
 import { io } from "socket.io-client";
 
 import { SOCKET_URL } from "../utils/api";
+import logger from "../utils/logger";
 
 
 class AdminSocket {
@@ -8,11 +9,11 @@ class AdminSocket {
 	
     constructor() {
         this.ioInstance.on('connect', () => {
-            console.log('WS: admin connected');
+            logger('WS: admin connected');
         });
 		
         this.ioInstance.on('auth', (e) => {
-            console.log('WS: admin auth', e);
+            logger('WS: admin auth', e);
         });
     }
 	
diff --git a/src/common/instances/Socket.ts b/src/common/instances/Socket.ts
index 4d450a1fd3cf973f16e698f8687f5756e848413c..8c22bc85cbdace613edb3daf55be57e3c275b6ff 100644
--- a/src/common/instances/Socket.ts
+++ b/src/common/instances/Socket.ts
@@ -1,6 +1,7 @@
 import { io } from "socket.io-client";
 
 import { SOCKET_URL } from "../utils/api";
+import logger from "../utils/logger";
 
 
 class Socket {
@@ -8,11 +9,11 @@ class Socket {
 	
     constructor() {
         this.ioInstance.on('connect', () => {
-            // console.log('Connected to Socket.IO server');
+            logger('Connected to Socket.IO server');
         });
 		
         this.ioInstance.on('auth', (e) => {
-            // console.log('auth', e);
+            logger('auth', e);
         });
     }
 	
diff --git a/src/common/utils/logger.ts b/src/common/utils/logger.ts
new file mode 100644
index 0000000000000000000000000000000000000000..83c095a4f9a69c1e7cecd37b3eb92f31f47f20ce
--- /dev/null
+++ b/src/common/utils/logger.ts
@@ -0,0 +1,6 @@
+function logger(message?: any, ...optionalParams: any[]): string|void {
+    if (process.env.NODE_ENV === 'production') return;
+    else console.log(message, ...optionalParams);
+}
+
+export default logger;
diff --git a/src/contexts/bottom-sheet/index.tsx b/src/contexts/bottom-sheet/index.tsx
index b785c9b282750db09cde20f7c87bfba470236a47..f636107591c47ef27af3974c8a82c70345e2affc 100644
--- a/src/contexts/bottom-sheet/index.tsx
+++ b/src/contexts/bottom-sheet/index.tsx
@@ -1,5 +1,7 @@
 import React, { createContext, useEffect, useState } from "react";
 
+import logger from "../../common/utils/logger";
+
 import type { FC, ReactNode, JSX } from "react";
 
 interface BSContextType {
@@ -19,7 +21,7 @@ const BSProvider: FC<Props> = ({ children }) => {
     const [item, setItem] = useState<BSContextType['bSElement']>(null);
 	
     useEffect(() => {
-        // console.log('GLOBAL BSProvider: ', item);
+        logger('GLOBAL BSProvider: ', item);
     } ,[item]);
     
     const setBSElement = (el: ReactNode | null) => {
diff --git a/src/contexts/cart/index.tsx b/src/contexts/cart/index.tsx
index 9e95448257b83236c8ac39aaff4438160d1ca745..bcb80dcca5e66ba5371a8ca9ed7b9f28297bfd40 100644
--- a/src/contexts/cart/index.tsx
+++ b/src/contexts/cart/index.tsx
@@ -1,5 +1,7 @@
 import { createContext, useEffect, useState } from "react";
 
+import logger from "../../common/utils/logger";
+
 import type { CartItemData } from "../../pages/cart-page/config/type";
 import type { FC, ReactNode } from "react";
 
@@ -29,7 +31,7 @@ const CartProvider: FC<Props> = ({ children }) => {
             flushCartItem();
         }
         
-        // console.log('GLOBAL CartProvider: ', item);
+        logger('GLOBAL CartProvider: ', item);
     }, [item]);
     
     
diff --git a/src/contexts/toast/index.tsx b/src/contexts/toast/index.tsx
index 0a91a83462af9019356097a3f276352976cb2bce..a5715042f8bf46e1d43b19dfdf688b5322ce2fef 100644
--- a/src/contexts/toast/index.tsx
+++ b/src/contexts/toast/index.tsx
@@ -1,5 +1,7 @@
 import { createContext, useEffect, useState } from "react";
 
+import logger from "../../common/utils/logger";
+
 import type { ToastData } from "../../components/toast/config";
 import type { FC, ReactNode } from "react";
 
@@ -19,7 +21,7 @@ const ToastProvider: FC<Props> = ({ children }) => {
 	
 	
     useEffect(() => {
-        console.log('GLOBAL ToastProvider: ', item);
+        logger('GLOBAL ToastProvider: ', item);
     }, [item]);