From 9be73e758d67aea27ce0cbc6e6aeaa353d58060d Mon Sep 17 00:00:00 2001
From: Alex Karacaoglu <31391932+AlexKaracaoglu@users.noreply.github.com>
Date: Thu, 18 Aug 2022 17:19:59 -0400
Subject: [PATCH] Transforms: Allow for clearing of select fields for outer
 join and grouping to matrix transformations (#53916)

---
 .../editors/GroupingToMatrixTransformerEditor.tsx           | 6 +++---
 .../editors/SeriesToFieldsTransformerEditor.tsx             | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/app/features/transformers/editors/GroupingToMatrixTransformerEditor.tsx b/public/app/features/transformers/editors/GroupingToMatrixTransformerEditor.tsx
index ddf0eab1bc9..9ccd7c82b9f 100644
--- a/public/app/features/transformers/editors/GroupingToMatrixTransformerEditor.tsx
+++ b/public/app/features/transformers/editors/GroupingToMatrixTransformerEditor.tsx
@@ -23,7 +23,7 @@ export const GroupingToMatrixTransformerEditor: React.FC<TransformerUIProps<Grou
     (value: SelectableValue<string>) => {
       onChange({
         ...options,
-        columnField: value.value,
+        columnField: value?.value,
       });
     },
     [onChange, options]
@@ -33,7 +33,7 @@ export const GroupingToMatrixTransformerEditor: React.FC<TransformerUIProps<Grou
     (value: SelectableValue<string>) => {
       onChange({
         ...options,
-        rowField: value.value,
+        rowField: value?.value,
       });
     },
     [onChange, options]
@@ -43,7 +43,7 @@ export const GroupingToMatrixTransformerEditor: React.FC<TransformerUIProps<Grou
     (value: SelectableValue<string>) => {
       onChange({
         ...options,
-        valueField: value.value,
+        valueField: value?.value,
       });
     },
     [onChange, options]
diff --git a/public/app/features/transformers/editors/SeriesToFieldsTransformerEditor.tsx b/public/app/features/transformers/editors/SeriesToFieldsTransformerEditor.tsx
index 829d9713f63..79bdf28a027 100644
--- a/public/app/features/transformers/editors/SeriesToFieldsTransformerEditor.tsx
+++ b/public/app/features/transformers/editors/SeriesToFieldsTransformerEditor.tsx
@@ -23,7 +23,7 @@ export const SeriesToFieldsTransformerEditor: React.FC<TransformerUIProps<Series
     (value: SelectableValue<string>) => {
       onChange({
         ...options,
-        byField: value.value,
+        byField: value?.value,
       });
     },
     [onChange, options]