From 63e6666b1321ed8d57ec65b0e650249189d160e2 Mon Sep 17 00:00:00 2001
From: Aaron Caldwell <aaron.caldwell@elastic.co>
Date: Thu, 16 Jul 2020 17:02:15 -0600
Subject: [PATCH] [Maps] Fix issue preventing TMS from rendering correctly
 (#71946)

* Ensure getColors selector modifies and returns the same object

* Call onSourceConfigChange on CreateSourceEditor mount

* Back out selector update

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
---
 .../kibana_tilemap_source/create_source_editor.js  | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/x-pack/plugins/maps/public/classes/sources/kibana_tilemap_source/create_source_editor.js b/x-pack/plugins/maps/public/classes/sources/kibana_tilemap_source/create_source_editor.js
index 1cbf4c1a87de3..ee557f6244f49 100644
--- a/x-pack/plugins/maps/public/classes/sources/kibana_tilemap_source/create_source_editor.js
+++ b/x-pack/plugins/maps/public/classes/sources/kibana_tilemap_source/create_source_editor.js
@@ -4,7 +4,7 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-import React from 'react';
+import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { EuiFieldText, EuiFormRow, EuiPanel } from '@elastic/eui';
 
@@ -13,10 +13,12 @@ import { i18n } from '@kbn/i18n';
 
 export function CreateSourceEditor({ onSourceConfigChange }) {
   const tilemap = getKibanaTileMap();
-
-  if (tilemap.url) {
-    onSourceConfigChange();
-  }
+  useEffect(() => {
+    if (tilemap.url) {
+      onSourceConfigChange();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
 
   return (
     <EuiPanel>
@@ -33,7 +35,7 @@ export function CreateSourceEditor({ onSourceConfigChange }) {
               })
         }
       >
-        <EuiFieldText readOnly value={tilemap.url} />
+        <EuiFieldText readOnly value={tilemap.url ? tilemap.url : ''} />
       </EuiFormRow>
     </EuiPanel>
   );