How to use the @storybook/addon-actions.action function in @storybook/addon-actions

onClick: (n, dismiss) => {
      action('click')(n);
      dismiss();
    },
    dismissAfter: false,

const renderCategoryLine = (): JSX.Element => {
  return (
    
  );
};

function getIconOnlyVersion() {
      return (
        
      );
    }
    return (

storiesOf('Form', module).add('Input and Label, stack button - Error', () => c(
	<form>
		
			<label>alo</label>
			<input>{text}
			 Invalid field
		
		
			<button disabled="">{text}</button>
		
	</form>
));

afterChange(pivot) {
        action('PivotForm afterChange')(pivot);
    }

log() {
      action('link target')(this.to)
    },
  },

.add('with some emoji', () => (
    <button><span aria-label="so cool" role="img">😀 😎 👍 💯</span></button>
  ));

.add('Aurelia - Template', function () {
    const buttonText = text('Button Text', 'Aurelia Rocks!');
    const buttonClick = action('Button Click');
    const state = {
      buttonText,
      buttonClick,
    };
    return {
      template: `<template></template>`,
      state,
    };
  })
  .add('Aurelia - Auto Generate', function () {

toggleOpened() {
    action(this.state.opened ? 'Closing the window' : 'Opening the window')()
    this.setState(prevState => ({ opened: !prevState.opened }))
  }

.add('with long name', () => (
    
  ))
  .add('with zero up/downvotes', () => (