How to create multiple rendered instances of Neovis in an Angular app

I have an angular app that is using neovis to create a visualization of the database.

I created it largely with the help of the github documentation here.

neovis.component.ts:

ngAfterViewInit(): void {
    const config = {
      container_id: 'viz',
      server_url: 'bolt://localhost:7687',
      server_user: '...',
      server_password: '...',
      initial_cypher: `...`
    };
    
    const viz = new NeoVis(config);
    viz.render();
    console.log(viz);
  }

messenger.component.html:
<neovis-component *ngIf="..."></neovis-component>  

I am using this in a message component, so if the user types in a command, then the bot will respond with the neovis visualization.

However, it seems that only one of the instances will be rendered, the others are just blank (as shown in the images below).

How can I get all the instances to render?

vis-1
viz-2