diff --git a/apps/client/.babelrc.json b/apps/client/.babelrc.json
new file mode 100644
index 00000000..86efa43b
--- /dev/null
+++ b/apps/client/.babelrc.json
@@ -0,0 +1,14 @@
+{
+    "presets": [
+        "@babel/preset-typescript",
+        "@babel/preset-env",
+        [
+            "@nrwl/react/babel",
+            {
+                "runtime": "automatic",
+                "useBuiltIns": "usage"
+            }
+        ]
+    ],
+    "plugins": []
+}
diff --git a/apps/client/.storybook/main.js b/apps/client/.storybook/main.js
index dfa2dd45..2484425c 100644
--- a/apps/client/.storybook/main.js
+++ b/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'],
diff --git a/apps/client/.storybook/tsconfig.json b/apps/client/.storybook/tsconfig.json
index af7696fd..61b74d70 100644
--- a/apps/client/.storybook/tsconfig.json
+++ b/apps/client/.storybook/tsconfig.json
@@ -1,18 +1,5 @@
 {
     "extends": "../tsconfig.json",
-    "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
-    },
+    "compilerOptions": {},
     "include": ["**/*.ts", "**/*.tsx", "**/**/*.ts", "**/**/*.tsx"]
 }
diff --git a/apps/client/components/Maintenance.stories.tsx b/apps/client/components/Maintenance.stories.tsx
index cc2adcd6..468d8d2a 100644
--- a/apps/client/components/Maintenance.stories.tsx
+++ b/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({})