chore: fix storybook warnings (#989)

greyscaled · web-flow · commit 5ecc8236b8e0 · 2022-04-13T12:03:46.000-04:00
* chore: fix storybook deprecation warning Removes a deprecated CLI option and uses main.js staticDirs instead. See: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#64-deprecations * chore: fix storybook babel warning Resolves: #533
diff --git a/site/.storybook/main.js b/site/.storybook/main.js
@@ -23,9 +23,14 @@ module.exports = {
   // SEE: https://storybook.js.org/docs/react/configure/babel
   babel: async (options) => ({
     ...options,
-    plugins: ["@babel/plugin-proposal-class-properties"],
+    plugins: [["@babel/plugin-proposal-class-properties", { loose: true }]],
   }),
 
+  // Static files loaded by storybook, relative to this file.
+  //
+  // SEE: https://storybook.js.org/docs/react/configure/overview#using-storybook-api
+  staticDirs: ["../static"],
+
   // Storybook internally uses its own Webpack configuration instead of ours.
   //
   // SEE: https://storybook.js.org/docs/react/configure/webpack
diff --git a/site/package.json b/site/package.json
@@ -16,7 +16,7 @@
     "playwright:install": "playwright install",
     "playwright:install-deps": "playwright install-deps",
     "playwright:test": "playwright test --config=e2e/playwright.config.ts",
-    "storybook": "start-storybook -p 6006 -s ./static",
+    "storybook": "start-storybook -p 6006",
     "storybook:build": "build-storybook",
     "test": "jest --selectProjects test",
     "test:coverage": "jest --selectProjects test --collectCoverage",
