diff --git a/docs/snippets/react/storybook-preview-with-styled-components-decorator.js.mdx b/docs/snippets/react/storybook-preview-with-styled-components-decorator.js.mdx
index e1b8408fe5c..78009bf6b61 100644
--- a/docs/snippets/react/storybook-preview-with-styled-components-decorator.js.mdx
+++ b/docs/snippets/react/storybook-preview-with-styled-components-decorator.js.mdx
@@ -1,6 +1,7 @@
 ```js
 // .storybook/preview.js
 
+import React from "react";
 import { ThemeProvider } from 'styled-components';
 
 export const decorators = [
@@ -10,4 +11,4 @@ export const decorators = [
     </ThemeProvider>
   ),
 ];
-```
\ No newline at end of file
+```