Компонент Host React в приложении Angular 6

Я пытаюсь визуализировать компонент React в Angular 6. Компонент React взят из учебника крестики-нолики. https://reactjs.org/tutorial/tutorial.html#setup-option-2-local-development-environment

Прежде чем обратиться к компоненту React, мой компонент Angular, который должен был стать хостом, работал нормально и печатал текст по умолчанию component works.

Я изменил компонент и файл html следующим образом:

<div>
  <div>
    <app-react-host-demo></app-react-host-demo>
  </div>
  <div id = "demo-host"></div>
</div>




import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';
import {Square} from '../../../../../my-app/src/index.js';
@Component({
  selector: 'app-react-host-demo',
  templateUrl: './react-host-demo.component.html',
  styleUrls: ['./react-host-demo.component.scss']
})
export class ReactHostDemoComponent implements OnInit {

  @ViewChild('demo-host')
  demoHost: ElementRef;

  constructor() { }

  ngOnInit() {
  }  
}

Я получаю ошибку ERROR Error: Uncaught (in promise): RangeError: Maximum call stack size exceeded

Кто-нибудь может сказать мне, как заставить это работать?