From 6c007641e0804ff349d38c1bff50111dd7d3fd2a Mon Sep 17 00:00:00 2001
From: Virginia Cepeda <virginia.cepeda@grafana.com>
Date: Sun, 13 Aug 2023 06:12:28 -0300
Subject: [PATCH] Alerting: Remove dump wrapper for yaml config (#73169)

Remove dump wrapper for yaml config
---
 .../unified/components/rule-editor/GrafanaRuleInspector.tsx  | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/public/app/features/alerting/unified/components/rule-editor/GrafanaRuleInspector.tsx b/public/app/features/alerting/unified/components/rule-editor/GrafanaRuleInspector.tsx
index 8f16b083e8f..97bf7b216fc 100644
--- a/public/app/features/alerting/unified/components/rule-editor/GrafanaRuleInspector.tsx
+++ b/public/app/features/alerting/unified/components/rule-editor/GrafanaRuleInspector.tsx
@@ -1,4 +1,3 @@
-import { dump } from 'js-yaml';
 import React, { useMemo, useState } from 'react';
 import AutoSizer from 'react-virtualized-auto-sizer';
 
@@ -44,7 +43,7 @@ const GrafanaInspectorYamlTab = ({ alertUid }: YamlTabProps) => {
 
   const { currentData: ruleYamlConfig, isLoading } = useExportRuleQuery({ uid: alertUid, format: 'yaml' });
 
-  const yamlRule = useMemo(() => dump(ruleYamlConfig), [ruleYamlConfig]);
+  const yamlRule = useMemo(() => ruleYamlConfig, [ruleYamlConfig]);
 
   if (isLoading) {
     return <div>Loading...</div>;
@@ -59,7 +58,7 @@ const GrafanaInspectorYamlTab = ({ alertUid }: YamlTabProps) => {
               width="100%"
               height={height}
               language="yaml"
-              value={yamlRule}
+              value={yamlRule || ''}
               monacoOptions={{
                 minimap: {
                   enabled: false,