Add keys to UseField to ensure unmount

When swapping between the Custom Query and EQL rule types, we want to ensure that the corresponding input component coming from UseField fully unmounts and remounts with the new component.
elastic · Sep 14, 2020 · 35b00cd · 35b00cd
1 parent 3759011
commit 35b00cd
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/...k/plugins/security_solution/public/detections/components/rules/step_define_rule/index.tsx b/...k/plugins/security_solution/public/detections/components/rules/step_define_rule/index.tsx
@@ -232,6 +232,7 @@ const StepDefineRuleComponent: FC<StepDefineRuleProps> = ({
               />
               {isEqlRule(ruleType) ? (
                 <UseField
+                  key="EqlQueryBar"
                   path="queryBar"
                   component={EqlQueryBar}
                   componentProps={{
@@ -243,6 +244,7 @@ const StepDefineRuleComponent: FC<StepDefineRuleProps> = ({
                 />
               ) : (
                 <UseField
+                  key="QueryBarDefineRule"
                   path="queryBar"
                   config={{
                     ...schema.queryBar,