故事书操作未记录到操作选项卡

如何解决故事书操作未记录到操作选项卡

我正在尝试创建一个操作，该操作将在“操作”选项卡中显示被点击产品的ID。

控制台正在运行，但未执行任何操作。

我在做什么错了？

import { action } from '@storybook/addon-actions';
import React,{ useState } from 'react';
import { Meta } from '@storybook/react/types-6-0';
import { ProductContainer } from './ProductContainer'

export default {
    title: 'Product',decorators: [withKnobs],component: ProductContainer,} as Meta;

export const ProductContainer = () => {
const [selectedProductId,setSelectedProductId] = useState<string|null>(null)
const handleSelectedProductId = (productId) => {
        console.log('product id',productId,'was clicked');
        action(
            `Product ${productId} ${
                productId !== selectedProductId ? 'was selected' : 'is not selected'
            }`
        );
        setSelectedProductId(productId !== selectedProductId ? productId : null);

        return (
            <ProductContainer onClick={(productId) => handleSelectedProductId(productId)}/> 
        )  
    }
}