diff --git a/docs/cache-provider.mdx b/docs/cache-provider.mdx
index 4d3f87264..62e48c3c5 100644
--- a/docs/cache-provider.mdx
+++ b/docs/cache-provider.mdx
@@ -11,6 +11,8 @@ import { CacheProvider, jsx, css } from '@emotion/react'
 import createCache from '@emotion/cache'
 import { prefixer } from 'stylis'
 
+const customPlugin = () => {}
+
 const myCache = createCache({
   key: 'my-prefix-key',
   stylisPlugins: [
diff --git a/site/src/components/Playground.js b/site/src/components/Playground.js
index 580692d2c..194c4d630 100644
--- a/site/src/components/Playground.js
+++ b/site/src/components/Playground.js
@@ -31,6 +31,8 @@ export const scope = {
         return require('@emotion/is-prop-valid')
       case 'facepaint':
         return require('facepaint')
+      case 'stylis':
+        return require('stylis')
       default:
         // eslint-disable-next-line no-throw-literal
         throw `Module "${moduleName}" not found`