Merge pull request #41 from zopaUK/hotfix/input-forward-ref

Forward ref on `<TextInput />`
ZopaPublic · Jul 1, 2019 · 6309f13 · 6309f13
2 parents fdbe65d + cce239b
commit 6309f13
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/atoms/InputText/InputText.tsx b/src/components/atoms/InputText/InputText.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 import styled from 'styled-components';
 import * as colors from '../../../constants/colors';
 import { getBorderColorByStatus } from '../../../helpers/utils';
@@ -28,8 +28,8 @@ const Input = styled.input<IInput>`
   }
 `;
 
-const InputText = (props: IInput) => {
-  return <Input {...props} />;
-};
+const InputText = forwardRef((props: IInput, ref) => {
+  return <Input {...props} ref={ref} />;
+});
 
 export default InputText;