MUI v5 does not appear in Storybook Docs tab?

I was working on Material UI v4 but after the release of MUI (Material UI V5) I have shifted on that but after shifting I cant see anything on storybook docs tab. Material-UI (V5)

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

I Can’t see anything on the Storybook docs tab after upgrading to V5.

Expected Behavior 🤔

It should the Docs on the storybook.

Steps to Reproduce 🕹

Git repository:- https://github.com/vikas990/bug.git Steps:

1. npm install
2. npm run storybook

Context 🔦

I m try to document the design on my website.

Your Environment 🌎

`npx @mui/envinfo`

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

[siriwatknp]

I tried the repo you provide with these adjustments and it works.

.storybook/preview.js

import CssBaseline from "@mui/material/CssBaseline";
import { ThemeProvider, createTheme } from "@mui/material/styles";

import { ThemeProvider as EmotionThemeProvider } from "emotion-theming";

const defaultTheme = createTheme();

const withThemeProvider = (Story, context) => {
  return (
    <EmotionThemeProvider theme={defaultTheme}>
      <ThemeProvider theme={defaultTheme}>
        <CssBaseline />
        <Story {...context} />
      </ThemeProvider>
    </EmotionThemeProvider>
  );
};

export const decorators = [withThemeProvider];

export const parameters = {
  actions: { argTypesRegex: "^on[A-Z].*" },
  controls: {
    matchers: {
      color: /(background|color)$/i,
      date: /Date$/,
    },
  },
};

.storybook/main.js

const path = require("path");
const toPath = (filePath) => path.join(process.cwd(), filePath);

module.exports = {
  stories: [
    "../stories/**/*.stories.mdx",
    "../stories/**/*.stories.@(js|jsx|ts|tsx)",
  ],
  addons: [
    "@storybook/addon-links",
    "@storybook/addon-essentials",
    "@storybook/addon-docs",
  ],
  webpackFinal: async (config) => {
    return {
      ...config,
      resolve: {
        ...config.resolve,
        alias: {
          ...config.resolve.alias,
          "@emotion/core": toPath("node_modules/@emotion/react"),
          "emotion-theming": toPath("node_modules/@emotion/react"),
        },
      },
    };
  },
};

also this issue is duplicated with #24282 (will update the migration doc)

[vikas990]

it’s working now thank you for the help and for the quick response.