Hoist statics.

Author: gajus

package.json

@@ -20,6 +20,7 @@
   },
   "license": "BSD-3-Clause",
   "dependencies": {
+    "hoist-non-react-statics": "^1.0.3",
     "lodash": "^4.0.0"
   },
   "devDependencies": {

src/extendReactClass.js

@@ -3,6 +3,7 @@
 import linkClass from './linkClass';
 import React from 'react';
 import _ from 'lodash';
+import hoistNonReactStatics from 'hoist-non-react-statics';
 
 let extendReactClass;
 
@@ -13,7 +14,9 @@ let extendReactClass;
  * @returns {ReactClass}
  */
 extendReactClass = (Component, defaultStyles, options) => {
-    return class extends Component {
+    let WrappedComponent;
+
+    WrappedComponent = class extends Component {
         render () {
             let renderResult,
                 styles;
@@ -39,6 +42,8 @@ extendReactClass = (Component, defaultStyles, options) => {
             return React.createElement('noscript');
         }
     };
+
+    return hoistNonReactStatics(WrappedComponent, Component);
 };
 
 export default extendReactClass;

tests/extendReactClass.js

@@ -102,4 +102,23 @@ describe('extendReactClass', () => {
             expect(component.type).to.equal('noscript');
         });
     });
+    context('target component have static properties', () => {
+        it('hoists static properties', () => {
+            let Component,
+                WrappedComponent;
+
+            Component = class extends React.Component {
+                static foo = 'FOO';
+
+                render () {
+                    return null;
+                }
+            };
+
+            WrappedComponent = extendReactClass(Component);
+
+            expect(Component.foo).to.equal('FOO');
+            expect(WrappedComponent.foo).to.equal(Component.foo);
+        });
+    });
 });