From a41aae716ce8cdaa725710ccaa85b404bfad7126 Mon Sep 17 00:00:00 2001
From: Federico Bohn <federicofmb86@gmail.com>
Date: Wed, 2 Nov 2016 09:52:41 -0600
Subject: [PATCH 1/2] Add support to exprimental components

---
 lib/createResponsiveComponent.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/lib/createResponsiveComponent.js b/lib/createResponsiveComponent.js
index 5d10dc5..a518773 100644
--- a/lib/createResponsiveComponent.js
+++ b/lib/createResponsiveComponent.js
@@ -7,6 +7,7 @@ import getCurrentOrientation from './getCurrentOrientation';
 import getStyleByOrientation from './getStyleByOrientation';
 
 export default function createResponsiveComponent(ComponentClass: ReactClass<any>) {
+  if (!ComponentClass) return;
   return React.createClass({
     displayName: `Responsive${ComponentClass.displayName}`,
     propTypes: {

From 16cdea83a1fcc796223c8915aad2faba2ececfb7 Mon Sep 17 00:00:00 2001
From: Federico Bohn <federicofmb86@gmail.com>
Date: Wed, 2 Nov 2016 14:20:49 -0600
Subject: [PATCH 2/2] get component ref

---
 lib/createResponsiveComponent.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/lib/createResponsiveComponent.js b/lib/createResponsiveComponent.js
index a518773..e286478 100644
--- a/lib/createResponsiveComponent.js
+++ b/lib/createResponsiveComponent.js
@@ -8,6 +8,7 @@ import getStyleByOrientation from './getStyleByOrientation';
 
 export default function createResponsiveComponent(ComponentClass: ReactClass<any>) {
   if (!ComponentClass) return;
+  let _componentRef = null;
   return React.createClass({
     displayName: `Responsive${ComponentClass.displayName}`,
     propTypes: {
@@ -38,6 +39,14 @@ export default function createResponsiveComponent(ComponentClass: ReactClass<any
       });
     },
 
+    getComponentRef() {
+        return _componentRef;
+    },
+
+    _setComponentRef(componentRef) {
+        _componentRef = componentRef;
+    },
+
     render() {
       const orientation = this.state.orientation;
       const { style, children, ...props } = this.props;
@@ -49,7 +58,7 @@ export default function createResponsiveComponent(ComponentClass: ReactClass<any
         : getStyle(style);
 
       return (
-        <ComponentClass style={resolvedStyle} {...props}>
+        <ComponentClass style={resolvedStyle} {...props} ref={this._setComponentRef}>
           {children}
         </ComponentClass>
       );