i am working on a sorting visualizer and i am trying to visualize the merge sorting algo but whenever i call the mergeSort() function, i always get a "maximum call stack size exceeded" error. i have tried to rectify the problem but to no avail.

document.querySelector(".merge").addEventListener("click", mergeSort);
var el = document.querySelectorAll(".bar");
var low = 0;
var high = el.length - 1

function mergeSort(){
  if (low >= high){
    return;
  }
  var mid = parseInt((low + high)/2);
  mergeSort(el, low, mid);
  mergeSort(el, mid + 1, high);
  merge(el, low, mid, high);
}

function merge(arr, low, mid, high){
  var n = mid - low + 1;
  var m = high - mid;

  var leftArray = new Array(n);
  var rightArray = new Array(m);

  for(var i = 0; i < n; i++){
    leftArray[i] = arr[low + i];
  } 
  for(var j = 0; j < m; j++){                    
    rightArray[j] = arr[mid + 1 + j];
  }

  var i = 0;
  var j = 0; 
  var k = low;

  while (i < n && j < m){
    if (leftArray[i].offsetHeight <= rightArray[j].offsetHeight){
      arr[k].offsetHeight = leftArray[i].offsetHeight
      i++;
    }else{
      arr[k].offsetHeight = rightArray[j].offsetHeight;
      j++;
    }
    k++;
  }
  while (i < n){
      arr[k].offsetHeight = leftArray[i].offsetHeight
      i++;
      k++;
  }
  while (j < m){
      arr[k].offsetHeight = rightArray[j].offsetHeight;
      j++;
      k++;
  }
}