Unexpected result when upgrading to v12

[bensampaio]

Current behavior

After upgrading to v12 it looks like something is wrong with the compilation of md files. The files seem to be picked up but nothing is rendered.

There are no errors in the build and no errors on the JS console. There are just a few SASS deprecation warnings but those were already there before.

To reproduce

I would prefer to first know if this issue is known or if you have any tips. Mainly because I don't understand what causes it.

We are using dangerouslyUpdateWebpackConfig to change some things in the webpack config but even when we comment it out we still get the same result.

Expected behavior

We would expect the contents of the md file to be rendered just like on v11.

[sebastian-aranda]

I have the same problem, after upgrading to v12 I stopped seeing the content of my .md pages.

Here is part of my styleguide.config.js:

module.exports = {
  title: 'frontend',
  serverPort: 3001,
  require: [path.join(__dirname, 'src/index.css')],
  assetsDir: 'docsrc/assets',
  pagePerSection: true,
  tocMode: 'collapse',
  exampleMode: 'collapse', // 'hide' | 'collapse' | 'expand'
  usageMode: 'collapse', // 'hide' | 'collapse' | 'expand'm
  styleguideDir: 'docs',
  sections: [
    {
      name: 'Overview',
      content: 'docsrc/overview.md',
    },
  ]
}

Also I noticed the structure of the compiled documentation is different, now I have several .md files with alphanumerical names, e.g. 37aaa3d18e1458e1198f.md.

I'm using react-scripts@5.0.1 wich requires webpack@5.64.4.

[bensampaio]

In the meantime I found this solution: #1993.

[premsai2030]

@sebastian-aranda what version of react-styleguidist you have used ?