From 151a69a74764fc27eabff8af706a26f01e271a13 Mon Sep 17 00:00:00 2001
From: Pedro Pupo Sa da Costa <pedro.pupo@ist.utl.pt>
Date: Sat, 25 Nov 2023 15:13:43 +0000
Subject: [PATCH] fix: fix storybook build

---
 apps/docs/.storybook/main.ts     | 19 +++++++++----------
 apps/docs/.storybook/preview.tsx |  5 ++++-
 package.json                     |  2 --
 pnpm-lock.yaml                   |  6 ------
 4 files changed, 13 insertions(+), 19 deletions(-)

diff --git a/apps/docs/.storybook/main.ts b/apps/docs/.storybook/main.ts
index 376ff8ff9..51e0a41bc 100644
--- a/apps/docs/.storybook/main.ts
+++ b/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/],
   }),
 };
diff --git a/apps/docs/.storybook/preview.tsx b/apps/docs/.storybook/preview.tsx
index f33fcfdf3..d2614a768 100644
--- a/apps/docs/.storybook/preview.tsx
+++ b/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")) {
diff --git a/package.json b/package.json
index 6ed03b7dd..f1f3ed014 100644
--- a/package.json
+++ b/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",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 00392aab7..927a3140e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -163,12 +163,6 @@ dependencies:
     version: 4.4.6(@types/react@18.2.38)(react@18.2.0)
 
 devDependencies:
-  '@babel/core':
-    specifier: ^7.23.3
-    version: 7.23.3
-  '@babel/preset-react':
-    specifier: ^7.23.3
-    version: 7.23.3(@babel/core@7.23.3)
   '@next/bundle-analyzer':
     specifier: ^14.0.3
     version: 14.0.3