+ {({ ref, style, placement, arrowProps }) => (
+
+ {children}
+ {!hideArrow && }
+
+ )}
);
@@ -195,6 +191,5 @@ class PopperContent extends React.Component {
PopperContent.propTypes = propTypes;
PopperContent.defaultProps = defaultProps;
-PopperContent.childContextTypes = childContextTypes;
export default PopperContent;
diff --git a/src/TabContent.js b/src/TabContent.js
index 79b03607f..efc57f259 100644
--- a/src/TabContent.js
+++ b/src/TabContent.js
@@ -2,6 +2,7 @@ import React, { Component } from 'react';
import { polyfill } from 'react-lifecycles-compat';
import PropTypes from 'prop-types';
import classNames from 'classnames';
+import { TabContext } from './TabContext';
import { mapToCssModules, omit, tagPropType } from './utils';
@@ -16,9 +17,6 @@ const defaultProps = {
tag: 'div',
};
-const childContextTypes = {
- activeTabId: PropTypes.any
-};
class TabContent extends Component {
static getDerivedStateFromProps(nextProps, prevState) {
@@ -35,11 +33,7 @@ class TabContent extends Component {
activeTab: this.props.activeTab
};
}
- getChildContext() {
- return {
- activeTabId: this.state.activeTab
- };
- }
+
render() {
const {
className,
@@ -52,7 +46,9 @@ class TabContent extends Component {
const classes = mapToCssModules(classNames('tab-content', className), cssModule);
return (
-