Fixed CacheProvider demo in the docs (see emotion-js#2678)

srmagura · Jul 2, 2022 · ab2fbe3 · ab2fbe3
1 parent ab7ed91
commit ab2fbe3
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/docs/cache-provider.mdx b/docs/cache-provider.mdx
@@ -5,6 +5,7 @@ title: 'CacheProvider'
 It can be useful to customize emotion's options - i.e. to add custom Stylis plugins, customize prefix of inserted class names, render style tags into specific element and more. You can look up full list of options [here](/packages/cache#options).
 
 ```jsx
+// @live
 import { CacheProvider, css } from '@emotion/react'
 import createCache from '@emotion/cache'
 import { prefixer } from 'stylis'

diff --git a/site/components/live-editor/emotion-live-editor.tsx b/site/components/live-editor/emotion-live-editor.tsx
@@ -34,6 +34,8 @@ const scope: Scope = {
         return require('@emotion/is-prop-valid')
       case 'facepaint':
         return require('facepaint')
+      case 'stylis':
+        return require('stylis')
 
       // Not used unless the user adds a jsxImportSource directive
       case 'react/jsx-runtime':