From d0a8e241e0b254180283cda4ef4f9af4377a97c0 Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Tue, 11 May 2021 09:40:41 +0100
Subject: [PATCH] Loki: fix label browser crashing when + typed (#33900)
 (#33901)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

(cherry picked from commit 46abef7800186749d0c89869d7e2e907f910f39b)

Co-authored-by: Zoltán Bedi <zoltan.bedi@gmail.com>
---
 .../app/plugins/datasource/loki/components/LokiLabel.tsx   | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/public/app/plugins/datasource/loki/components/LokiLabel.tsx b/public/app/plugins/datasource/loki/components/LokiLabel.tsx
index fc63b3bf96b..5f8bd9d5d79 100644
--- a/public/app/plugins/datasource/loki/components/LokiLabel.tsx
+++ b/public/app/plugins/datasource/loki/components/LokiLabel.tsx
@@ -56,7 +56,12 @@ export const LokiLabel = forwardRef<HTMLElement, Props>(
         )}
         {...rest}
       >
-        <Highlighter textToHighlight={text} searchWords={searchWords} highlightClassName={styles.matchHighLight} />
+        <Highlighter
+          textToHighlight={text}
+          searchWords={searchWords}
+          autoEscape={true}
+          highlightClassName={styles.matchHighLight}
+        />
       </span>
     );
   }