How to use the @material/mwc-base/utils.js.afterNextRender function in @material/mwc-base

async firstRendered() {
    await afterNextRender();
    const surface = this.shadowRoot.querySelector('.mdc-ripple-surface');
    const container = this.parentNode || this;
    // TODO(sorvell) #css: this might be bad since the container might be positioned.
    container.style.position = 'relative';
    this._ripple = new MDCWCRippleContainer(surface);
  }
}

async firstRendered() {
    // TODO(sorvell): hack push scroller creation after tabbar... could expose promise.
    await afterNextRender();
    await afterNextRender();
    this._makeComponent();
    this._requestRender();
  }

async firstRendered() {
    await afterNextRender();
    this._makeComponent();
    this.invalidate();
  }