From 87554c956fb5db9052d77d8b348f95fa5f9b4bf1 Mon Sep 17 00:00:00 2001
From: Nicolas Chaulet <nicolas.chaulet@elastic.co>
Date: Mon, 14 Sep 2020 13:47:06 -0400
Subject: [PATCH] [Ingest Manager] Fix flyout instruction selection (#77071)
 (#77356)

---
 .../agent_enrollment_flyout/managed_instructions.tsx          | 4 ++--
 .../agent_enrollment_flyout/standalone_instructions.tsx       | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/fleet/components/agent_enrollment_flyout/managed_instructions.tsx b/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/fleet/components/agent_enrollment_flyout/managed_instructions.tsx
index 7db9d72eb50e4f..04fef7f4b3f21d 100644
--- a/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/fleet/components/agent_enrollment_flyout/managed_instructions.tsx
+++ b/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/fleet/components/agent_enrollment_flyout/managed_instructions.tsx
@@ -24,7 +24,7 @@ interface Props {
   agentPolicies?: AgentPolicy[];
 }
 
-export const ManagedInstructions: React.FunctionComponent<Props> = ({ agentPolicies }) => {
+export const ManagedInstructions = React.memo<Props>(({ agentPolicies }) => {
   const { getHref } = useLink();
   const core = useCore();
   const fleetStatus = useFleetStatus();
@@ -91,4 +91,4 @@ export const ManagedInstructions: React.FunctionComponent<Props> = ({ agentPolic
       )}
     </>
   );
-};
+});
diff --git a/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/fleet/components/agent_enrollment_flyout/standalone_instructions.tsx b/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/fleet/components/agent_enrollment_flyout/standalone_instructions.tsx
index 9262cc2cb42ac0..387ccfc66cbc16 100644
--- a/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/fleet/components/agent_enrollment_flyout/standalone_instructions.tsx
+++ b/x-pack/plugins/ingest_manager/public/applications/ingest_manager/sections/fleet/components/agent_enrollment_flyout/standalone_instructions.tsx
@@ -31,7 +31,7 @@ interface Props {
 
 const RUN_INSTRUCTIONS = './elastic-agent run';
 
-export const StandaloneInstructions: React.FunctionComponent<Props> = ({ agentPolicies }) => {
+export const StandaloneInstructions = React.memo<Props>(({ agentPolicies }) => {
   const { getHref } = useLink();
   const core = useCore();
   const { notifications } = core;
@@ -189,4 +189,4 @@ export const StandaloneInstructions: React.FunctionComponent<Props> = ({ agentPo
       <EuiSteps steps={steps} />
     </>
   );
-};
+});