Ember modifier {{on click does not work

[villander]

I'm using ember modifier to attach on click action in each row, but it does not work

"ember-table": "^4.0.0",
"ember-source": "~3.28.0",

<b.row
        {{on "click" (fn this.transitionToShow b.rowValue.id)}}
        class="table__row flex more-tools-row justify-between relative z-0 cell-clip cursor-pointer" as |r|>
        <r.cell
          class="py-3 w-1/5"

          as |cell column|
        >
          {{#if (and cell (eq column.valuePath 'vacantOn'))}}
            {{moment-format cell "LL"}}
          {{else}}
            {{cell}}
          {{/if}}
        </r.cell>
      </b.row>

Also I tried @onClick={{fn this.transitionToShow b.rowValue.id}} but the error is the same =/

cc // @mixonic @faf0-addepar

[DanMonroe]

@villander Try setting onSelect for ember-tbody

[villander]

@DanMonroe I did it and I have the same errors.

<t.body @onSelect={{fn this.transitionToShow b.rowValue.id}} @rows={{this.units}} as |b|>
  <b.row

    class="table__row flex more-tools-row justify-between relative z-0 cell-clip cursor-pointer" as |r|>
    <r.cell
      class="py-3 w-1/5"

      as |cell column|
    >
      {{#if (and cell (eq column.valuePath 'vacantOn'))}}
        {{moment-format cell "LL"}}
      {{else}}
        {{cell}}
      {{/if}}
    </r.cell>
  </b.row>
</t.body>

[villander]

@twokul any idea here, how to get it working on?

[mixonic]

@villander at a glance, the call stack seems to be looping on transitionToShow. Have you been able to reproduce the bad behaviors without using that action?