He estado implementando validaciones para la entrada usando Javascript y Regex. Encontré un comportamiento interesante (al menos eso creo) con un Regex en particular.

 /([a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/gi

Este Regex es para la validación del valor de entrada de URL.

La validación se activa en el evento de entrada del usuario con un tiempo de espera como ese:

 <input onInput={(event) => this.inputChangedHandler(event)}} />

Y la parte de validación:

 ... if (!this.urlPattern.test(this.inputValue)) { // Here I am testing URL regex mentioned above this.isValid = false; this.validationErrorMessage = 'Please, check URL'; } ...

Y en ese paso obtengo 'Demasiado error de recursividad'. En Chrome y Firefox. Todas las demás expresiones regulares que utilicé de la misma manera para validar otros tipos de entrada (como correo electrónico, número, etc., etc.) funcionan perfectamente bien.

Entonces mis preguntas son:

¿Se espera ese comportamiento para expresiones regulares grandes? ¿Está mal mi expresión regular de alguna manera?

He probado esta expresión regular para que coincida con el valor de la cadena de esta manera:

 this.inputValue.match(this.urlPattern)

Lo que funcionó bien para mí también.

Encontré un informe de error aquí: bugzilla

Una gran cantidad de grupos en expresiones regulares provoca un bloqueo de demasiada recursividad (YARR)

Parece muy similar a mi problema.