From d4bec135e8243d18580eaf42392ac100f04234ce Mon Sep 17 00:00:00 2001
From: Geido <60598000+geido@users.noreply.github.com>
Date: Thu, 22 Jul 2021 20:46:01 +0200
Subject: [PATCH] Render value immediately (#15820)

---
 .../explore/components/controls/TextAreaControl.jsx    | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/superset-frontend/src/explore/components/controls/TextAreaControl.jsx b/superset-frontend/src/explore/components/controls/TextAreaControl.jsx
index cfbda997a3..4e21b080d9 100644
--- a/superset-frontend/src/explore/components/controls/TextAreaControl.jsx
+++ b/superset-frontend/src/explore/components/controls/TextAreaControl.jsx
@@ -62,21 +62,27 @@ const defaultProps = {
 export default class TextAreaControl extends React.Component {
   constructor() {
     super();
+    this.state = {
+      value: '',
+    };
     this.onAceChangeDebounce = debounce(value => {
       this.onAceChange(value);
     }, FAST_DEBOUNCE);
   }
 
   onControlChange(event) {
-    this.props.onChange(event.target.value);
+    const { value } = event.target;
+    this.setState({ value });
+    this.props.onChange(value);
   }
 
   onAceChange(value) {
+    this.setState({ value });
     this.props.onChange(value);
   }
 
   renderEditor(inModal = false) {
-    const value = this.props.value || '';
+    const value = this.state.value || this.props.value;
     const minLines = inModal ? 40 : this.props.minLines || 12;
     if (this.props.language) {
       const style = { border: '1px solid #CCC' };