Fix storybook

.storybook/main.js

@@ -1,13 +1,20 @@
 const svgrPlugin = require("vite-plugin-svgr");
 
 module.exports = {
-  stories: ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  stories: ["../src/**/*.stories.@(js|jsx|ts|tsx)"],
-  addons: ["@storybook/addon-links", "@storybook/addon-essentials"],
   framework: "@storybook/react",
   core: {
     builder: "storybook-builder-vite",
   },
   async viteFinal(config) {
+    config.plugins = config.plugins.filter(
+      (item) =>
+        !(
+          Array.isArray(item) &&
+          item.length > 0 &&
+          item[0].name === "vite-plugin-mdx"
+        )
+    );
     config.plugins.push(svgrPlugin());
     return config;
   },

package.json

@@ -44,9 +44,6 @@
   },
   "devDependencies": {
     "@babel/core": "^7.16.5",
-    "@storybook/addon-actions": "^6.5.0-alpha.5",
-    "@storybook/addon-essentials": "^6.5.0-alpha.5",
-    "@storybook/addon-links": "^6.5.0-alpha.5",
     "@storybook/react": "^6.5.0-alpha.5",
     "babel-loader": "^8.2.3",
     "sass": "^1.42.1",

src/Header.stories.jsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { GridLayoutMenu } from "./GridLayoutMenu";
+import { GridLayoutMenu } from "./room/GridLayoutMenu";
 import {
   Header,
   HeaderLogo,