diff --git a/BACKEND/app/services/line_connection.ts b/BACKEND/app/services/line_connection.ts
index af3d7a9..b96a8bd 100644
--- a/BACKEND/app/services/line_connection.ts
+++ b/BACKEND/app/services/line_connection.ts
@@ -274,6 +274,9 @@ export default class LineConnection {
               if (err) return
 
               const logScenarios = getLogWithTimeScenario(content, now) || ''
+              this.socketIO.emit('output_test_scenario', {
+                data: logScenarios,
+              })
               const data = textfsmResults(logScenarios, '')
               try {
                 data.forEach((item) => {
diff --git a/FRONTEND/src/components/DrawerControl.tsx b/FRONTEND/src/components/DrawerControl.tsx
index bab3dc3..78369d1 100644
--- a/FRONTEND/src/components/DrawerControl.tsx
+++ b/FRONTEND/src/components/DrawerControl.tsx
@@ -182,7 +182,7 @@ export const DrawerAPCControl: React.FC<DrawerProps> = ({
     return () => {
       socket?.off("apc_output");
     };
-  }, [socket, dataStation]);
+  }, [socket, dataStation, stationAPI]);
 
   const toggleSelect = (outlet: TSelectedOutlet, number: number) => {
     setListOutletSelected((prev) =>
@@ -831,7 +831,7 @@ export const DrawerSwitchControl: React.FC<DrawerProps> = ({
     return () => {
       socket?.off("switch_output");
     };
-  }, [socket, dataStation]);
+  }, [socket, dataStation, stationAPI]);
 
   const toggleSelect = (port: SwitchPortsProps) => {
     setListPortsSelected((prev) =>