AvatarView.js

import React from 'react';
import * as THREE from "three"

const navigationBarHeight = 100

...

async componentDidMount() {
  const mainView = this.mainViewRef.current
  this.renderer = new THREE.WebGLRenderer({ antialias: true })
  this.renderer.setSize(window.innerWidth, window.innerHeight -   navigationBarHeight)
  this.renderer.outputEncoding = THREE.sRGBEncoding
  this.renderer.toneMapping = THREE.ACESFilmicToneMapping
  mainView.appendChild(this.renderer.domElement)
  ...  
}