Как реализовать генератор QR-кода в представлении реагировать на ошибки (MVC)?==> документ не определен

Question

изучив основы создания приложения для регистрации / входа, я наткнулся на следующее репозиторий github: https://github.com/simpletut/Universal-React-Apollo-Registration.git

Итак, это моя цель: я хочу создать генератор QR-кода в одном изпросмотры (новая пустая страница доступна через боковую панель).Я искал генераторы QR-кода в React и обнаружил следующее: https://www.npmjs.com/package/qrcode-react

Я установил qrcode-реагировать на свои модули узла, и я подумал, что тогда я могу просто сделать следующее:

import React from 'react';
//Allow to change the browserpage title
import { Helmet } from 'react-helmet';  

//Import withAuth function
import withAuth from './../hoc/withAuth';

import ReactDOM from 'react-dom';
import QRCode from 'qrcode-react';

class QRCodeViewer extends React.Component{

	head(){
		return(
			<Helmet>
			<title>QR Code</title>
			</Helmet>
		)
	}

	render(){

		return(
			<div>

				{this.head()}
				<h1>QR Code</h1>
				<p>My QR code generator</p>
				<div id='demo'></div>

			</div>
		)
	}
}

ReactDOM.render(
  <QRCode value="http://facebook.github.io/react/" />,        document.getElementById("demo")
);

//Export class QRCodeViewer
//Restrict access to this page if not logged in

export default withAuth(session => session && session.getCurrentUser)(QRCodeViewer);

Однако это не работает.Я получаю неопределенный документ в консоли при попытке собрать его с помощью команды yarn run build и yarn run dev в моей консоли git.