Basic setup with create-react-app does not display markdown documentation

[ThomasRoest]

Current behavior

This very basic setup with create-react-app does not seem to work as expected. The component is found, but the markdown file isn't? In the chrome devtools I do get the following HMR / webpack dev server message:

[HMR] Waiting for update signal from WDS...

To reproduce

The repo with example: https://github.com/ThomasRoest/styleguidist-test

Expected behavior

By default, it should also find and render the markdown examples.

Versions create-react-app 5.0.0 react-styleguidist 11.2.0

[elciocf]

same here

[ThomasRoest]

Displaying the examples can be fixed with the workaround described in https://github.com/styleguidist/react-styleguidist/issues/1910#issuecomment-1013763698

But this still leaves the problem of hot module reloading not working

[eya26]

I reproduced the example in the repo with the same versions, however, the markdown examples are rendered.

[ThomasRoest]

@eya26 yes because it includes this workaround https://github.com/ThomasRoest/styleguidist-test/commit/f11e7e05c1ae68cd6ced924fccdcd6b5915e23cd

[adubouski]

Displaying the examples can be fixed with the workaround described in #1910 (comment)

But this still leaves the problem of hot module reloading not working

For all who curious, after a few days of debugging, the following config (added to the workaround mentioned above) fixes hot reloading:

const webpackConfig = {
  devServer: {
      // Not really necessary, but to match the new webpack defaults
      sockPath: '/ws',
      // Web socket client is not injected by CRA webpack config, so ask webpack
      // to include the default one for us
      injectClient: true,
    },
    module: {
      ...
    },
    ...
}