Don't use create-react-context

Author: errendir

package.json

@@ -54,7 +54,6 @@
     "react-dom": ">=15.0.0"
   },
   "dependencies": {
-    "create-react-context": "^0.2.3",
     "dom-helpers": "^3.3.1",
     "loose-envify": "^1.4.0",
     "prop-types": "^15.6.2",

src/Transition.js

@@ -5,7 +5,7 @@ import { polyfill } from 'react-lifecycles-compat'
 
 import { timeoutsShape } from './utils/PropTypes'
 
-import { Provider as TransitionGroupContextProvider, withTransitionGroup } from './TransitionGroupContext'
+import { Provider as TransitionGroupContextProvider, withTransitionGroup, transitionGroupContextPropType } from './TransitionGroupContext'
 
 export const UNMOUNTED = 'unmounted'
 export const EXITED = 'exited'
@@ -516,9 +516,7 @@ TransitionWithContext.propTypes = {
 
 Transition.propTypes = {
   ...TransitionWithContext.propTypes,
-  transitionGroup: PropTypes.shape({
-    isMounting: PropTypes.bool.isRequired
-  }),
+  transitionGroup: transitionGroupContextPropType,
 }
 
 TransitionWithContext.defaultProps = {

src/TransitionGroupContext.js

@@ -1,7 +1,33 @@
+import * as PropTypes from 'prop-types'
 import React from 'react'
-import createReactContext from 'create-react-context'
 
-const { Provider, Consumer } = createReactContext(null)
+const TransitionGroupContext = React.createContext && React.createContext(null)
+
+export const transitionGroupContextPropType = PropTypes.shape({
+  isMounting: PropTypes.bool.isRequired
+})
+
+const Consumer = (TransitionGroupContext && TransitionGroupContext.Consumer) || class Consumer extends React.Component {
+  static contextTypes = {
+    transitionGroup: PropTypes.object,
+  }
+  render() {
+    return this.props.children(this.context.transitionGroup)
+  }
+}
+
+const Provider = (TransitionGroupContext && TransitionGroupContext.Provider) || class Provider extends React.Component {
+  static childContextTypes = {
+    transitionGroup: transitionGroupContextPropType,
+  }
+  static propTypes = {
+    value: transitionGroupContextPropType
+  }
+  getChildContext() {
+    return { transitionGroup: this.props.value }
+  }
+  render() { return this.props.children }
+}
 
 export function withTransitionGroup(ComponentToWrap) {
   return class WithTransitionGroup extends React.Component {

yarn.lock

@@ -3700,13 +3700,6 @@ create-react-class@^15.6.2:
     loose-envify "^1.3.1"
     object-assign "^4.1.1"
 
-create-react-context@^0.2.3:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/create-react-context/-/create-react-context-0.2.3.tgz#9ec140a6914a22ef04b8b09b7771de89567cb6f3"
-  dependencies:
-    fbjs "^0.8.0"
-    gud "^1.0.0"
-
 cross-spawn@5.1.0, cross-spawn@^5.0.1:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-5.1.0.tgz#e8bd0efee58fcff6f8f94510a0a554bbfa235449"
@@ -5117,7 +5110,7 @@ fb-watchman@^2.0.0:
   dependencies:
     bser "^2.0.0"
 
-fbjs@^0.8.0, fbjs@^0.8.12, fbjs@^0.8.16, fbjs@^0.8.9:
+fbjs@^0.8.12, fbjs@^0.8.16, fbjs@^0.8.9:
   version "0.8.17"
   resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.17.tgz#c4d598ead6949112653d6588b01a5cdcd9f90fdd"
   dependencies:
@@ -5689,10 +5682,6 @@ growly@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/growly/-/growly-1.3.0.tgz#f10748cbe76af964b7c96c93c6bcc28af120c081"
 
-gud@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/gud/-/gud-1.0.0.tgz#a489581b17e6a70beca9abe3ae57de7a499852c0"
-
 gzip-size@3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-3.0.0.tgz#546188e9bdc337f673772f81660464b389dce520"