How to use the @storybook/react.action function in @storybook/react

.add('fancy', () => (
    
  ))

() => (
            
                
            
        ),
        {inline: true, source: false}

handleClose (...params) {
		action('Force Closed')(...params);
		this.setState({ forcedState: false });
	},

function raise(e, options = {}) {
    e.preventDefault();

    const toast = CinnamonSugar.crunch({
        title: rand(['WOW!', 'Awesome!', 'Whoopsie', 'Error']),
        message: rand(quotes),
        theme: rand(['red', 'blue', 'purple', 'orange', 'green', 'grey']),
        icon: rand(icons),
        onClick: action('clickity')
    });

    ButterToast.raise(toast, options);
}

withReadme(Readme, () => {
      return (
        
      );
    })
  )

.add("default", () => (
    
  ));

handleClick = () => {
    action('handleCancel')()
    this.props.handleClose()
  }
  render() {

.add('with min (-1000) max (1000) constraint', () => (
    
  ))
  .add('with events', () => (