Cannot debug source maps

[dlabrecq]

I'm having trouble debugging the PatternFly examples in Chrome. It's nearly impossible to set a breakpoint, which makes development very difficult -- been using console.log output.

I see the sourceMappingURL at the bottom of each file, but also see React.createElement statements, which suggests that Chrome is not loading the source maps properly.

I see the same result in Chrome and Firefox. However, I'm able to debug the Cost management and RBAC UIs just fine.

The following files are from .../react-core/dist/esm and .../react-charts/dist/esm respectively.

Button -- no available breakpoints

ChartArea -- random breakpoints available

[dlabrecq]

The solution below seems to be relevant.
https://stackoverflow.com/questions/57488144/cannot-debug-gatsby-website-in-chrome-dev-tools

After applying that to Gatsby's webpack config, I'm able to set breakpoints with Chrome.

Button

ChartArea