1 files changed, 4 insertions, 8 deletions
diff --git a/client/js/app/src/app/pages/querytracer/query-tracer.jsx b/client/js/app/src/app/pages/querytracer/query-tracer.jsx
index 7d9d32fe1b7..c3212c70c8a 100644
--- a/client/js/app/src/app/pages/querytracer/query-tracer.jsx
+++ b/client/js/app/src/app/pages/querytracer/query-tracer.jsx
@@ -3,11 +3,7 @@ import DownloadJSONButton from '../querybuilder/Components/Buttons/DownloadJSONB
 import { Container } from 'app/components';
 
 export function QueryTracer() {
-  const { response, setResponse } = useState('');
-
-  const updateResponse = (e) => {
-    setResponse(e.target.value);
-  };
+  const [response, setResponse] = useState('');
 
   return (
     <Container>
@@ -15,10 +11,10 @@ export function QueryTracer() {
         cols="70"
         rows="25"
         value={response}
-        onChange={updateResponse}
+        onChange={({ target }) => setResponse(target.value)}
       ></textarea>
-      <DownloadJSONButton>
-        Convert to Jeager format and download trace
+      <DownloadJSONButton response={response}>
+        Download in Jeager format
       </DownloadJSONButton>
     </Container>
   );