From 3908e64ef0319093f758ec7b052ef33979f4e190 Mon Sep 17 00:00:00 2001
From: Johannes Schill <johannes.schill@polyester.se>
Date: Tue, 27 Nov 2018 12:23:11 +0100
Subject: [PATCH] react-panel: Use correct type for children prop to avoid the
 use of fragments <></>

---
 .../app/core/components/CopyToClipboard/CopyToClipboard.tsx   | 4 ++--
 public/app/features/dashboard/dashgrid/QueryInspector.tsx     | 4 +---
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/public/app/core/components/CopyToClipboard/CopyToClipboard.tsx b/public/app/core/components/CopyToClipboard/CopyToClipboard.tsx
index 153dae2a9c6..ea63de58b47 100644
--- a/public/app/core/components/CopyToClipboard/CopyToClipboard.tsx
+++ b/public/app/core/components/CopyToClipboard/CopyToClipboard.tsx
@@ -1,4 +1,4 @@
-import React, { PureComponent } from 'react';
+import React, { PureComponent, ReactNode } from 'react';
 import ClipboardJS from 'clipboard';
 
 interface Props {
@@ -7,7 +7,7 @@ interface Props {
   onSuccess?: (evt: any) => void;
   onError?: (evt: any) => void;
   className?: string;
-  children?: JSX.Element | string;
+  children?: ReactNode;
 }
 
 export class CopyToClipboard extends PureComponent<Props> {
diff --git a/public/app/features/dashboard/dashgrid/QueryInspector.tsx b/public/app/features/dashboard/dashgrid/QueryInspector.tsx
index 08da527c035..6fc2669ab33 100644
--- a/public/app/features/dashboard/dashgrid/QueryInspector.tsx
+++ b/public/app/features/dashboard/dashgrid/QueryInspector.tsx
@@ -211,9 +211,7 @@ export class QueryInspector extends PureComponent<Props, State> {
             text={this.getTextForClipboard}
             onSuccess={this.onClipboardSuccess}
           >
-            <>
-              <i className="fa fa-clipboard" /> Copy to Clipboard
-            </>
+            <i className="fa fa-clipboard" /> Copy to Clipboard
           </CopyToClipboard>
         </div>