Not able to customize documentation with MDX

Hi everyone, I’m trying to customize the Docs tab of my Stories. I’m following the documentation :

https://storybook.js.org/docs/react/writing-docs/docs-page

Here is my code:

CommunityCoupons.stories.js

import CommunityCouponsDocs from './CommunityCouponsDocs.mdx';

export default {
  title: "View Modules/Community Coupons",
  parameters: {
    docs: {
      page: CommunityCouponsDocs,
    },
  },
};

And then on

CommunityCoupons.mdx

<!-- Custom-MDX-Documentation.mdx -->

# Replacing DocsPage with custom `MDX` content

This file is a documentation-only `MDX`file to customize Storybook's [DocsPage](https://storybook.js.org/docs/react/writing-docs/docs-page#replacing-docspage).

It can be further expanded with your own code snippets and include specific information related to your stories.

For example:

[rodrigomlpOz]

@rodrigomlpOz have you wrapped in Meta, Canvas and Story component from @storybook/addon-docs in story.mdx file?

If we look at the docs, adding Canvas/Story adds extra styling to the Docs tab, but they are not necessary. It should work with Markdown out of the box.

[TheColorRed]

I have recently started having this issue. It was working last week till I ran npm i