unrecoverable error in case of recursion in asyncapi document

[catosaurusrex2003]

Description
As described in this issue asyncapi/studio#771

when a document has got recursion in it

the rendering crashes due to too many recursion.

This causes the app to go into unrecoverable error.

Steps to reproduce:

1. go to https://studio.asyncapi.com
2. paste

asyncapi: 3.0.0
info:
  title: Account Service
  version: 1.0.0
  description: This service is in charge of processing user signups
channels:
  user/signedup:
    address: user/signedup
    messages:
      subscribe.message:
        $ref: '#/components/messages/TradeMessageServer'

components:
  messages:
    TradeMessageServer:
      name: Trade Message (server)
      title: Trade Message (server)
      description: A message containing trade data
      x-something: 
        $ref: '#/components/messages/TradeMessageServer' #RECURSION IS HAPPENING HERE !!! 

the error in console

Now Since studio fetches the document from localstorage before loading. Even if you reload the site it keeps on crashing again and again. Only way to recover is to clear the localstorage and start again with all the progress lost.

Expected result
Application should not crash into an unrecoverable state.

The problem is in the recursion found in this function which doesnt have a recursion limit

Related Issues:
asyncapi/studio#771

[reachaadrika]

@AceTheCreator can I pick this for Level 1 Review ?

[catosaurusrex2003]

the Prs #1108 and #1101 are very related

#1108 is responsible for actually rendering the error message. But for the internal errors the message might differ from browser to browser

#1101 is responsible to detect recursion using weakset and throw a more helpful error message.