а если вывести в консоль this.props.previewHtml.html и this.props.previewContext
там все нормально?
потому как тут как бы нечему не рендерится jsbin.com/qejuxetalo/edit?js,output
ну я подумал там все понятно, что:
1. никуда не переключаетесь - просто получаете ключик
2. ключик с сайта mongodb.org - общественный иль личный )))
3. MongoDB public GPG Key
сам по себе ключик-то ничего не даст
надо произвести еще пару манипуляций из доки по ссылке выше что бы этот ключик задействовать
просто по ссылке да - данных много
но когда вы делаете запрос getData: function(page)
то передается еще пару параметров - и в ответ уже прихоит МЕНЬШЕ элементов
практически все svg анимации для path используют .getTotalLength() которая работает не правильно если в одном path несколько линий (есть варианты когда она работает таки правильно)
надо все таки разбивать path с линиями на отдельные path и искать плагин (или написать) который анимирует одновременно ВСЕ path в данном SVG и по окончании которого можно вызвать (или опять же по таймеру) анимацию другого svg
поставить скрипт в конец файла перед body, а так получается скрипт выполняется раньше, чем все элементы окажуться в DOMе - короч нету проверки на документРэди
рассписывать не буду что куда - экспериментируйте
я спать )))