故事书 argType 和 defaultValue 在侧边栏中更改视图时选择丢失值

Question

我尝试将argTypes与选择一起使用以允许用户更改字段，我有以下默认导出：

const themes = {
  defaultTheme,
  salesTheme,
  cuttingTheme,
} as const;

export default {
  title: 'atoms/Button',
  component: Button,
  argTypes: {
    theme: {
      options: Object.keys(themes), // iterator
      mapping: Object.values(themes), // values
      control: {
        type: 'select',
        labels: Object.keys(themes),
        values: Object.values(themes), //
      },
      defaultValue: themes.defaultTheme,
    },
  },
} as ComponentMeta<typeof Button>;

defaultValue页面首次加载时工作正常，但如果我更改侧边栏窗格上的菜单项，它就会失去其价值。