Function in Props

When i put some functions on the Component, the Whole function including __WEBPACK_IMPORTED_MODULE... shows on jsx addons.

even with @storybook/addon-actions, JSX preview has shown as

<Calendar
  onSelect={function action() {
    for (var _len = arguments.length, _args = Array(_len), _key = 0; _key < _len; _key++) {
      _args[_key] = arguments[_key];
    }

    var args = _args.map(_util.prepareArguments);
    var channel = _addons2.default.getChannel();
    var id = (0, _v2.default)();
    channel.emit(_.EVENT_ID, {
      id: id,
      data: { name: name, args: args }
    });
  }}
/>

This is not what I expected… but is this intended?

[stramel]

This is a quick util function I wrote.

import { action as _action } from '@storybook/addon-actions'

export const action = (...args) => {
  const tempAction = _action(...args)
  tempAction.toString = () => `action('${args[0]}')`
  return tempAction
}

to use it just import the util function instead of the library function.

import { action } from './utils'

[ndelangen]

Hmm, I think we could improve this by adding a toString on the action returned function: https://developer.mozilla.org/nl/docs/Web/JavaScript/Reference/Global_Objects/Function/toString