How to use ember-leaflet using ember-cli 2.16?

So, I downloaded the addon https://miguelcobain.github.io/ember-leaflet/docs/container called ember-leaflet. The ember-cli version that I am using is 2.16. Here's my code

  <LeafletMap lat=lat lng=lng zoom=zoom as |layers|>
    <layers.tile url="https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png"/>
  </LeafletMap>

The error that was shown on my console is ember.debug.js:2925 Uncaught DOMException: Failed to execute 'setAttribute' on 'Element': '|layers|' is not a valid attribute name.

Any response is much appreciated