Export the EmotionCacheContext

.changeset/real-geckos-joke.md

@@ -0,0 +1,5 @@
+---
+'@emotion/react': patch
+---
+
+Export the EmotionCacheContext.

packages/react/src/context.js

@@ -5,7 +5,7 @@ import { useContext, forwardRef } from 'react'
 import createCache from '@emotion/cache'
 import { isBrowser } from './utils'
 
-let EmotionCacheContext: React.Context<EmotionCache | null> =
+export let EmotionCacheContext: React.Context<EmotionCache | null> =
   /* #__PURE__ */ React.createContext(
     // we're doing this to avoid preconstruct's dead code elimination in this one case
     // because this module is primarily intended for the browser and node

packages/react/src/index.js

@@ -1,7 +1,7 @@
 // @flow
 import pkg from '../package.json'
 export type { SerializedStyles } from '@emotion/utils'
-export { withEmotionCache, CacheProvider } from './context'
+export { withEmotionCache, CacheProvider, EmotionCacheContext } from './context'
 export { jsx } from './jsx'
 export { jsx as createElement } from './jsx'
 export { Global } from './global'

scripts/ssr-benchmarks/bench.js

@@ -2,7 +2,7 @@ let React = require('react')
 let styled = require('@emotion/styled').default
 let { renderToString } = require('react-dom/server')
 let Benchmark = require('benchmark')
-let { jsx, css, CacheProvider } = require('@emotion/react')
+let { jsx, css, CacheProvider, EmotionCacheContext } = require('@emotion/react')
 let { createTriangle } = require('./triangle')
 let { css: cssClassName } = require('@emotion/css')
 let { renderStylesToString } = require('@emotion/server')
@@ -70,13 +70,11 @@ let CssFuncTriangle = createTriangle(({ x, y, size, color, ...props }) => {
     ...props
   })
 })
-// $FlowFixMe
-let CacheContext = CacheProvider._context
 
 let hasOwnProperty = Object.prototype.hasOwnProperty
 
 let ExperimentTriangle = createTriangle(({ x, y, size, color, ...props }) => {
-  let cache = CacheContext._currentValue
+  let cache = EmotionCacheContext._currentValue
 
   let className = ''
   const serialized = css`