Cannot read property 'nativeElement' in ngAfterContentInit, how to get reference to DOM element?

Question

Angular

The code:

@ViewChild('container', { static: true }) container: ElementRef;

ngAfterContentInit() {
        try {
       
            this.mapLoaded = this.mapLibrary.ready;
        } catch (e) {
            console.error(e);
        }
    }

I get an error:

TypeError: Cannot read property 'nativeElement' of undefined

Sample:

<app-map-wrapper>
      <div id="map" #container></div>
    </app-map-wrapper>