fix: fix storybook build

apps/docs/.storybook/main.ts

@@ -1,7 +1,14 @@
 import type { StorybookConfig } from "@storybook/nextjs";
 
 const config: StorybookConfig = {
-  framework: "@storybook/nextjs",
+  framework: {
+    name: "@storybook/nextjs",
+    options: {
+      builder: {
+        useSWC: true,
+      },
+    },
+  },
   stories: [
     "../**/*.stories.tsx",
     "../**/*.mdx",
@@ -16,19 +23,11 @@ const config: StorybookConfig = {
   staticDirs: ["../public"],
   typescript: {
     reactDocgen: "react-docgen-typescript",
-    skipBabel: false,
-    check: false,
+    skipBabel: true,
   },
   features: {},
   webpackFinal: async (config) => ({
     ...config,
-    resolve: {
-      ...config.resolve,
-      fallback: {
-        ...config.resolve?.fallback,
-        crypto: false,
-      },
-    },
     ignoreWarnings: [/Failed to parse source map/],
   }),
 };

apps/docs/.storybook/preview.tsx

@@ -1,4 +1,4 @@
-import { Suspense, useEffect } from "react";
+import React, { Suspense, useEffect } from "react";
 import { default as CssBaseline } from "@mui/joy/CssBaseline";
 import { default as Typography } from "@mui/joy/Typography";
 import { CssVarsProvider, extendTheme, useColorScheme } from "@mui/joy/styles";
@@ -12,6 +12,9 @@ import { trpc } from "@chair-flight/trpc/client";
 import type { TypographyProps } from "@mui/joy";
 import "@fontsource/public-sans";
 
+// TODO this is a complete hack. Open ticket with SB
+window.React = React;
+
 initialize({
   onUnhandledRequest: ({ method, url }) => {
     if (url.pathname.includes("/trpc")) {

package.json

@@ -73,8 +73,6 @@
     "zustand": "^4.4.6"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.3",
-    "@babel/preset-react": "^7.23.3",
     "@next/bundle-analyzer": "^14.0.3",
     "@nx/cypress": "^17.1.3",
     "@nx/eslint-plugin": "^17.1.3",