diff --git a/.storybook/main.js b/.storybook/main.js
index 9565b0fbb..7b7d8da50 100644
--- a/.storybook/main.js
+++ b/.storybook/main.js
@@ -1,13 +1,20 @@
 module.exports = {
-  stories: ['../**/*.story.mdx', '../**/*.story.@(js|jsx|ts|tsx)'],
+  stories: ['../**/*.story.mdx', '../**/*.story.*'],
   addons: [
     'storybook-dark-mode',
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
     {
       name: 'storybook-addon-turbo-build',
       options: { optimizationLevel: 2 },
     },
   ],
+  typescript: {
+    check: false,
+    reactDocgen: false,
+  },
   framework: '@storybook/react',
+  features: { emotionAlias: false },
   webpackFinal: async (config, { configType }) => {
     // `configType` has a value of 'DEVELOPMENT' or 'PRODUCTION'
     // You can change the configuration based on that.
diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
index 21abfcfc3..d982cf344 100644
--- a/.storybook/preview.tsx
+++ b/.storybook/preview.tsx
@@ -5,7 +5,6 @@ import { NotificationsProvider } from '@mantine/notifications';
 export const parameters = { layout: 'fullscreen' };
 
 function ThemeWrapper(props: { children: React.ReactNode }) {
-  const a = 2;
   return (
     <ColorSchemeProvider colorScheme="light" toggleColorScheme={() => {}}>
       <MantineProvider