From 62d86c956f67561e2abe2a602d9b778fc349a4a3 Mon Sep 17 00:00:00 2001
From: Alex Khomenko <Clarity-89@users.noreply.github.com>
Date: Thu, 27 Feb 2020 12:24:36 +0200
Subject: [PATCH] Grafana UI: Add forwardRef (#22466)

---
 .../grafana-ui/src/components/Forms/TextArea/TextArea.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/grafana-ui/src/components/Forms/TextArea/TextArea.tsx b/packages/grafana-ui/src/components/Forms/TextArea/TextArea.tsx
index 54311eee7e6..b91b49547bc 100644
--- a/packages/grafana-ui/src/components/Forms/TextArea/TextArea.tsx
+++ b/packages/grafana-ui/src/components/Forms/TextArea/TextArea.tsx
@@ -1,4 +1,4 @@
-import React, { FC, HTMLProps } from 'react';
+import React, { HTMLProps, forwardRef } from 'react';
 import { GrafanaTheme } from '@grafana/data';
 import { css, cx } from 'emotion';
 import { stylesFactory, useTheme } from '../../../themes';
@@ -26,13 +26,13 @@ const getTextAreaStyle = stylesFactory((theme: GrafanaTheme, invalid = false) =>
   };
 });
 
-export const TextArea: FC<Props> = ({ invalid, size = 'auto', ...props }) => {
+export const TextArea = forwardRef<HTMLTextAreaElement, Props>(({ invalid, size = 'auto', ...props }, ref) => {
   const theme = useTheme();
   const styles = getTextAreaStyle(theme, invalid);
 
   return (
     <div className={inputSizes()[size]}>
-      <textarea className={styles.textarea} {...props} />
+      <textarea ref={ref} className={styles.textarea} {...props} />
     </div>
   );
-};
+});