Add .babelrc to fix build issues

apps/client/.babelrc.json

@@ -0,0 +1,14 @@
+{
+    "presets": [
+        "@babel/preset-typescript",
+        "@babel/preset-env",
+        [
+            "@nrwl/react/babel",
+            {
+                "runtime": "automatic",
+                "useBuiltIns": "usage"
+            }
+        ]
+    ],
+    "plugins": []
+}

apps/client/.storybook/main.js

@@ -2,7 +2,6 @@ const rootMain = require('../../../.storybook/main')
 
 module.exports = {
     ...rootMain,
-
     core: { ...rootMain.core, builder: 'webpack5' },
     stories: ['../**/*.stories.@(js|jsx|ts|tsx)'],
     addons: [...rootMain.addons, '@nrwl/react/plugins/storybook'],

apps/client/.storybook/tsconfig.json

@@ -1,18 +1,5 @@
 {
     "extends": "../tsconfig.json",
-    "compilerOptions": {
+    "compilerOptions": {},
-        "emitDecoratorMetadata": true,
-        "experimentalDecorators": true,
-        "outDir": "",
-        "jsx": "react-jsx",
-        "allowJs": true,
-        "esModuleInterop": true,
-        "allowSyntheticDefaultImports": true,
-        "forceConsistentCasingInFileNames": true,
-        "strict": true,
-        "noImplicitReturns": true,
-        "noFallthroughCasesInSwitch": true,
-        "noEmit": false
-    },
     "include": ["**/*.ts", "**/*.tsx", "**/**/*.ts", "**/**/*.tsx"]
 }

apps/client/components/Maintenance.stories.tsx

@@ -1,11 +1,18 @@
 import type { Story, Meta } from '@storybook/react'
-import Maintenance from './Maintenance'
+import Maintenance from './Maintenance.tsx'
+import React from 'react'
 
 export default {
     title: 'components/Maintenance.tsx',
     component: Maintenance,
 } as Meta
 
-const Template: Story = (args) => <Maintenance />
+const Template: Story = () => {
+    return (
+        <>
+            <Maintenance />
+        </>
+    )
+}
 
 export const Base = Template.bind({})