diff --git a/.storybook/main.js b/.storybook/main.ts
similarity index 57%
rename from .storybook/main.js
rename to .storybook/main.ts
index c7b4344e..d78565ea 100644
--- a/.storybook/main.js
+++ b/.storybook/main.ts
@@ -1,20 +1,14 @@
-const path = require('path');
-module.exports = {
+import type { StorybookConfig } from '@storybook/nextjs';
+
+const config: StorybookConfig = {
   stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
     '@storybook/addon-a11y',
-    {
-      name: 'storybook-addon-next',
-      options: {
-        nextConfigPath: path.resolve(__dirname, '../next.config.js'),
-      },
-    },
-    '@storybook/addon-mdx-gfm',
   ],
-  framework: '@storybook/react',
+  framework: '@storybook/nextjs',
   core: {
     builder: '@storybook/builder-webpack5',
   },
@@ -23,3 +17,5 @@ module.exports = {
     autodocs: true,
   },
 };
+
+export default config;