Address an issue where checking element type for imported components …

…is not possible with projects using react-hot-loader
trendmicro-frontend · Aug 10, 2018 · 6496d1b · 6496d1b
1 parent 72d2852
commit 6496d1b
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/TabContent.jsx b/src/TabContent.jsx
@@ -4,6 +4,8 @@ import React, { cloneElement, PureComponent } from 'react';
 import TabPane from './TabPane';
 import styles from './index.styl';
 
+const getComponentType = (Component) => (Component ? (<Component />).type : undefined);
+
 class TabContent extends PureComponent {
     static propTypes = {
         activeKey: PropTypes.any
@@ -18,7 +20,7 @@ class TabContent extends PureComponent {
                 className={cx(className, styles.tabContent)}
             >
                 {React.Children.map(children, child => {
-                    if (React.isValidElement(child) && child.type === TabPane) {
+                    if (React.isValidElement(child) && child.type === getComponentType(TabPane)) {
                         const active = (child.props.eventKey === activeKey);
 
                         return cloneElement(child, {