Congelación de la pestaña del navegador al guardar un archivo (recarga automática) en React y Angular, pero solo después de alguna acción en el componente.

Tengo un problema extraño con la congelación de las pestañas del navegador cuando trabajo con proyectos de React y Angular. La pestaña del navegador se congela cuando guardo un archivo, pero solo si hago algo como hacer clic en el menú de hamburguesa que muestra otro componente o cualquier acción con los componentes o la pestaña del navegador.

Ejemplo:

-> Cambio algo en el componente (agrego más texto, cambio algún color)

-> Guardo el archivo para que se recargue automáticamente

-> Puedo ver los cambios en mi pestaña del navegador (parece que la pestaña del navegador no se está “actualizando”, pero los cambios que hice son visibles después de guardar)

-> Agrego algo a mi componente (cualquier cosa)

-> Puedo ver los cambios en mi pestaña del navegador y todo está bien cada vez que agrego o cambio algo. PERO cuando intento hacer alguna acción, como hacer clic en el botón del menú de hamburguesa, hacer clic en algún botón de navegación que cambia el componente o incluso cuando hago clic en “Alternar barra de herramientas del dispositivo” en las herramientas de desarrollo del navegador, mi pestaña del navegador se congela. El componente renderizado se muestra con un gran retraso, cuando hago clic en algún botón, la acción se retrasa y tengo que cerrar la pestaña del navegador, pero tarda un tiempo en cerrarse cuando hago clic en ella para cerrarla.

Este problema aparece en todos los navegadores que uso (Chrome, Brave, Firefox). Mi sistema operativo de la computadora es Ubuntu 20.04.2 LTS. Utilizo VSCode para programar.

No estoy seguro si este problema aparece debido a alguna configuración del IDE o del proyecto. Creo que es por algo en Ubuntu, pero no sé qué está sucediendo.

Editar.

No importa si es un proyecto grande lleno de código y lógica o uno nuevo con un simple componente de “Hola, mundo” – el problema siempre aparece.