title: How to use PopperJs 2 with Angular 13
body: <p>I added PopperJS 2.11 as dependencie. Then I try to use Popper in AppComponent but I'm not sure how to call instance of Popper. Here is my code:</p>
  <p>app.component.html:</p>
  <pre><code>&lt;button #button&gt;Click&lt;/button&gt;
  &lt;div #tooltip&gt;
      lorem ipsum
  &lt;/div&gt;
  </code></pre>
  <p>app.component.ts:</p>
  <pre><code>import { Component,OnInit, ViewChild} from '@angular/core';
  import { createPopper, VirtualElement, Instance } from '@popperjs/core';
  
  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
  })
  export class AppComponent implements OnInit {
    
    @ViewChild('button') button: Element | VirtualElement;
    @ViewChild('tooltip') tooltip: HTMLElement;
  
      ngAfterViewInit(){
          createPopper(this.button, this.tooltip, {
              modifiers: [
                {
                  name: 'offset',
                  options: {
                    offset: [0, 8],
                  },
                },
              ],
          });
      }
      
  }
  
  </code></pre>
  <p>But in console I have: <code>createPopper.js:209 Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.</code></p>