storybook-emotion: Fix issue with GlobalStyles added after component …

…styles
ben-rogerson · Jan 13, 2021 · 14ed140 · 14ed140
1 parent 69ed474
commit 14ed140
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/storybook-emotion/.storybook/preview.js b/storybook-emotion/.storybook/preview.js
@@ -1,5 +1,9 @@
 import React from 'react'
 import { GlobalStyles, theme } from 'twin.macro'
+import { CacheProvider } from '@emotion/react'
+import createCache from '@emotion/cache'
+
+const cache = createCache({ prepend: true, key: 'twin' })
 
 export const parameters = {
   actions: { argTypesRegex: '^on[A-Z].*' },
@@ -17,10 +21,9 @@ export const parameters = {
 
 export const decorators = [
   Story => (
-    <div>
-      {/* */}
+    <CacheProvider value={cache}>
       <GlobalStyles />
       <Story />
-    </div>
+    </CacheProvider>
   ),
 ]