diff --git a/frontend/public/components/__tests__/edit-yaml.spec.tsx b/frontend/public/components/__tests__/edit-yaml.spec.tsx
new file mode 100644
index 00000000000..d7f4c2ea6cf
--- /dev/null
+++ b/frontend/public/components/__tests__/edit-yaml.spec.tsx
@@ -0,0 +1,39 @@
+import type { CodeEditorRef } from '@console/dynamic-plugin-sdk/src/extensions/console-types';
+
+describe('EditYAML: getEditor function', () => {
+  it('should handle undefined monacoRef.current without throwing TypeError', () => {
+    // This test verifies the fix for OCPBUGS-77912
+    // The bug occurred when monacoRef.current was undefined and the 'in' operator was used
+    const monacoRef = { current: undefined } as React.MutableRefObject<CodeEditorRef>;
+
+    // This simulates the getEditor function from edit-yaml.tsx
+    const getEditor = () =>
+      monacoRef?.current && 'editor' in monacoRef.current ? monacoRef.current.editor : undefined;
+
+    // Before the fix, this would throw: "TypeError: Cannot use 'in' operator to search for 'editor' in undefined"
+    // After the fix, it should return undefined gracefully
+    expect(() => getEditor()).not.toThrow();
+    expect(getEditor()).toBeUndefined();
+  });
+
+  it('should return undefined when monacoRef.current exists but has no editor property', () => {
+    const monacoRef = { current: {} as CodeEditorRef } as React.MutableRefObject<CodeEditorRef>;
+
+    const getEditor = () =>
+      monacoRef?.current && 'editor' in monacoRef.current ? monacoRef.current.editor : undefined;
+
+    expect(getEditor()).toBeUndefined();
+  });
+
+  it('should return the editor when monacoRef.current has an editor property', () => {
+    const mockEditor = { getValue: jest.fn(), setValue: jest.fn() };
+    const monacoRef = { current: { editor: mockEditor } as any } as React.MutableRefObject<
+      CodeEditorRef
+    >;
+
+    const getEditor = () =>
+      monacoRef?.current && 'editor' in monacoRef.current ? monacoRef.current.editor : undefined;
+
+    expect(getEditor()).toBe(mockEditor);
+  });
+});
diff --git a/frontend/public/components/edit-yaml.tsx b/frontend/public/components/edit-yaml.tsx
index 692f26478be..239b49f735b 100644
--- a/frontend/public/components/edit-yaml.tsx
+++ b/frontend/public/components/edit-yaml.tsx
@@ -199,7 +199,7 @@ const EditYAMLInner: React.FC<EditYAMLInnerProps> = (props) => {
   const { t } = useTranslation();
 
   const getEditor = (): editor.IStandaloneCodeEditor | undefined =>
-    'editor' in monacoRef?.current ? monacoRef.current.editor : undefined;
+    monacoRef?.current && 'editor' in monacoRef.current ? monacoRef.current.editor : undefined;
 
   const getModel = React.useCallback(
     (obj) => {