title: Error: infinite rendering invalidation detected
body: <p>I have an Ember app with versions as follow:</p>
  
  <pre><code>DEBUG: Ember             : 3.0.0
  DEBUG: Ember Data        : 3.0.2
  DEBUG: jQuery            : 3.3.1
  DEBUG: Ember Dialog      : 3.1.0
  DEBUG: Ember Simple Auth : 1.6.0
  </code></pre>
  
  <p>I have a route fetching data into a model, and that data is passed into a component. Whenever I add a closure action to this component, I get an </p>
  
  <p><code>Error: infinite rendering invalidation detected</code></p>
  
  <p>Whenever I remove the closure action code, everything works fine.</p>
  
  <p>Route code:</p>
  
  <pre><code>import Route from '@ember/routing/route';
  import { inject as service } from '@ember/service';
  
  export default Route.extend({
    currentUser: service('current-user'),
  
    model() {
      return this.store.findAll('account');
    },
  
    actions:{
      saveNewCustomer() {
  
      }
    }
  });
  </code></pre>
  
  <p>Template causing error:</p>
  
  <pre><code>&lt;div class="panel panel-primary"&gt;
      &lt;div class="panel-heading"&gt;
          &lt;h2 class="panel-title"&gt;{{t 'account.modals.new_customer.title'}}&lt;/h2&gt;
      &lt;/div&gt;
  
      {{account/customers/filter-accounts
              accounts=model
              currentUser=currentUser
              customerAdded=(action "saveNewCustomer")}}
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Template working:</p>
  
  <pre><code>&lt;div class="panel panel-primary"&gt;
      &lt;div class="panel-heading"&gt;
          &lt;h2 class="panel-title"&gt;{{t 'account.modals.new_customer.title'}}&lt;/h2&gt;
      &lt;/div&gt;
  
      {{account/customers/filter-accounts
              accounts=model
              currentUser=currentUser)}}
  
  &lt;/div&gt;
  </code></pre>
  
  <p>The code for the component is here:</p>
  
  <pre><code>import Component from '@ember/component';
  
  export default Component.extend({
    actions:{
      selectedAccount(account) {
        this.set('selectedAccount', account);
        this.toggleProperty('newCustomerModal');
      },
  
      toggleNewCustomerModal() {
        this.toggleProperty('newCustomerModal');
      },
  
      saveNewCustomer() {
        this.get('customerAdded')();
      },
    }
  });
  </code></pre>
  
  <p>And the component template:</p>
  
  <pre><code>&lt;div class="form-modal-content"&gt;
      &lt;div class="el-input-wrap"&gt;
          &lt;label class="el-input-label sr-only"&gt;Søk&lt;/label&gt;
          {{input placeholder="Søk etter..." class="el-input"}}
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="list-group"&gt;
      {{#each accounts as |account|}}
          &lt;a href="#" class="list-group-item"&gt;
              {{account.accountName}}&lt;br&gt;
              {{#each account.addresses as |address|}}
                  {{address.displayAddressLine}}&lt;br&gt;
              {{/each}}
          &lt;/a&gt;
      {{/each}}
  &lt;/div&gt;
  
  {{#if newCustomerModal}}
      {{#modal-dialog
              close='toggleNewCustomerModal'
              targetAttachment="none"
              translucentOverlay=true}}
          &lt;div class="modal-full"&gt;
              &lt;form class="form-modal" {{action 'saveNewCustomer' on='submit'}}&gt;
                  &lt;header class="form-modal-header"&gt;
                      &lt;a title="Close" class="modal-close" href="#" {{action 'toggleNewCustomerModal'}}&gt;{{fa-icon 'times'}}&lt;/a&gt;
                      &lt;h2&gt;Legg til kunde&lt;/h2&gt;
                  &lt;/header&gt;
  
                  &lt;div class="form-modal-content clearfix"&gt;
                      &lt;h2&gt;{{selectedAccount.accountName}}&lt;/h2&gt;
                  &lt;/div&gt;
  
                  &lt;div class="flex flex-full"&gt;
                      &lt;button type="button" class="form-modal-button cancel" {{action 'toggleNewCustomerModal'}}&gt;Avbryt&lt;/button&gt;
                      &lt;button type="submit" class="form-modal-button"&gt;Lagre&lt;/button&gt;
                  &lt;/div&gt;
              &lt;/form&gt;
          &lt;/div&gt;
  
      {{/modal-dialog}}
  {{/if}}
  </code></pre>
  
  <p>I am not sure if this is an idiotic error made by me that I just can not see, or if there is a bug. I believe the former.</p>
  
  <p>Thanks</p>