drawBreadcrumbs = (data) => {
  let anchorText;
  const nodeNames = {};
  getNodeNames(data, nodeNames);
  const nodes = Object.keys(nodeNames);
  const breadcrumbSteps = [];

  // iterate through list of components and create DOM nodes
  // store DOM nodes in breadcrumbSteps
  nodes.forEach((node) => {
    const anchor = document.createElement('a');
    anchor.setAttribute('class', 'breadcrumb-item');
    anchor.setAttribute('href', '#');

    // set number of times node appears
    if (nodeNames[node] === 1) anchorText = document.createTextNode(`${node}`);
    else anchorText = document.createTextNode(`${node}[${nodeNames[node]}]`);
    anchor.appendChild(anchorText);
    breadcrumbSteps.push(anchor);
  });

  // select current breadcrumb, clear it, and re-append new breadcrumb by
  // iterating through breadcrumbSteps
  const breadcrumb = document.querySelector('.breadcrumb');
  breadcrumb.innerHTML = '';
  breadcrumbSteps.forEach((node) => {
    breadcrumb.appendChild(node);
  });
}
Clears the current breadcrumb and appends an updated version

@param {object} data - representation of React's vDOM