Return value of an action argument to a component always seems to be undefined for me

[deepan83]

Return value of an action argument to a component always seems to be undefined for me

my-glimmer-app.hbs

<div>
  <my-second-component @foo={{action foo}} />
</div>

my-glimmer-app.ts

export default class extends Component {

  foo() {
    return 'hello';
  }
}

my-second-component.ts

export default class extends Component {
  didInsertElement() {
    console.log(this.args.foo()); //undefined
  }
};

Playground link: https://tinyurl.com/yc8mg43u