Unable to get property 'map' of undefined or null reference

[Servus7]

This error occures when clicking any element in Microsoft Edge 40.15063.0.0.

[webron]

Using which version of swagger-editor? What do you mean by 'clicking any element'?

[Servus7]

1. I'm using the web version.
2. Every button or dropdown in the toolbar or the sidepanel.

[webron]

Thanks. I was able to reproduce the issue as well.

[ponelat]

This is somehow related to swagger-js and in particular Edge's native fetch. We're getting undefined from the res.body in topbar.jsx, and its causing this.state.servers.map to fail.

JakeChampion/fetch#407 (comment) is a possible workaround.

[shockey]

Yeah, so this is an Edge bug: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/9370062/

Looks like a fix is on the way as of Monday:

Jun 19, 2017: Changed Status from “Fixed” to “Fixed, not yet flighted”

I'm not too keen on adding code to our repository in order to fix a browser-specific bug that will be patched soon.

You can work around this by removing Edge's native fetch implementation before loading the Swagger-UI bundle on a page, so our fetch polyfill will take over:

  <script>
    if(window.navigator.userAgent.indexOf("Edge") > -1) {
      console.log("Removing native Edge fetch implementation")
      window.fetch = undefined
    }
  </script>

@Servus7, I know you're using the web version, so setting up a custom version of Swagger-Editor might be asking much of you. If that's the case, please ping me here and I'll set up a one-off deployment of Swagger-Editor with the workaround.

edit: accidentally said Swagger-UI instead of Swagger-Editor

[shockey]

Closing as wont-fix.

Thanks for reporting this, @Servus7!