Knobs update on local story state update

Hi,

Maybe I’m wrong but it seems that knobs addon can’t be updated when using args update. To give you some example I have some sample code which is:

   .add('with storybook 6 using hooks', () => {
        const [args, updateArgs] = useArgs(false);
        console.log('args', args);
        const knobs = {
            name: text('name', 'name'),
            title: text('title', 'Input title'),
            isDisabled: boolean('isDisabled', false),
            //isChecked: boolean('isChecked', args.isChecked || false), // when using this update is blocked
            customClasses: text('customClasses', 'custom-class')
        };
        return (<InputCheckbox
            {...knobs}
            {...otherActions}
            isChecked={args.isChecked || false}
            onChange={(isChecked) => {
                updateArgs({ isChecked });
            }}/>);
    }
    )

old knobs are working fine for me but updating isChecked knob from args doesn’t trigger any change, how can I make it work? As we have many stories to update I would appreciate a simple solution.

[shilman]

@Klaudia-Brysiewicz did you try:

   .add('with storybook 6 using hooks', (args) => {
      return (
        <InputCheckbox
          {...args}
          {...otherActions}
        />
      );
    }, {
      argTypes: {
        name: { type: { name: 'string' } },
        title: { type: { name: 'string' } },
        isDisabled: { type: { name: 'boolean' } },
        isChecked: { type: { name: 'boolean' } },
        customClasses: { type: { name: 'string' } },
      }
    }
)

[stale[bot]]

Hey there, it’s me again! I am going close this issue to help our maintainers focus on the current development roadmap instead. If the issue mentioned is still a concern, please open a new ticket and mention this old one. Cheers and thanks for using Storybook!