Right now I think the style improvement is not substantial. I'll add examples that use ts-loader as that print out some code snippet and iterate more.

Created this MR in case there is feedback.

Codecov Report

Base: 92.06% // Head: 92.06% // No change to project coverage 👍

Coverage data is based on head (922c482) compared to base (d440baf).
Patch has no changes to coverable lines.

@@           Coverage Diff           @@
##           master    #4576   +/-   ##
=======================================
  Coverage   92.06%   92.06%           
=======================================
  Files          16       16           
  Lines        1639     1639           
  Branches      617      617           
=======================================
  Hits         1509     1509           
  Misses        119      119           
  Partials       11       11           

☔ View full report at Codecov.
📢 Do you have feedback about the report comment? Let us know in this issue.

I find out that react-error-overlay has extra logic to open file with error if the filename and line of code can be detected using this middleware.

Should I add this in as well or it's better that I implement it in another PR?

@malcolm-kee Let's do it in another PR, can you update tests? Thank you for the PR

@malcolm-kee you may have to update the snapshots for webpack v4 as well.

Thank you, feel free to send more PRs which will improve overlay