fixup! chore: fix storybook fonts

greyscaled · greyscaled · commit ca556a863fc2 · 2022-04-13T02:16:17.000Z
diff --git a/site/.storybook/main.js b/site/.storybook/main.js
@@ -14,7 +14,7 @@ module.exports = {
   // addons are official and community plugins to extend Storybook.
   //
   // SEE: https://storybook.js.org/addons
-  addons: ["@storybook/addon-links", "@storybook/addon-essentials", "@react-theming/storybook-addon"],
+  addons: ["@storybook/addon-links", "@storybook/addon-essentials"],
 
   // Storybook uses babel under the hood, while we currently use ts-loader.
   // Sometimes, you may encounter an error in a Storybook that contains syntax
diff --git a/site/.storybook/preview.js b/site/.storybook/preview.js
@@ -1,5 +1,4 @@
-import { CssBaseline } from "@material-ui/core"
-import { createMuiTheme } from "@material-ui/core/styles"
+import CssBaseline from "@material-ui/core/CssBaseline"
 import ThemeProvider from "@material-ui/styles/ThemeProvider"
 import { withThemes } from "@react-theming/storybook-addon"
 import { createMemoryHistory } from "history"
@@ -8,15 +7,12 @@ import { unstable_HistoryRouter as HistoryRouter } from "react-router-dom"
 import { dark, light } from "../src/theme"
 import "../src/theme/global-fonts"
 
-const providerFn = ({ theme, children }) => {
-  const muiTheme = createMuiTheme(theme)
-  return (
-    <ThemeProvider theme={muiTheme}>
-      <CssBaseline />
-      {children}
-    </ThemeProvider>
-  )
-}
+const providerFn = ({ children, theme }) => (
+  <ThemeProvider theme={theme}>
+    <CssBaseline />
+    {children}
+  </ThemeProvider>
+)
 
 addDecorator(withThemes(null, [light, dark], { providerFn }))
 
