📕

Storybookのdecoratorsを設定した際に詰まったエラーについて

2022/09/12に公開

Storybookのdecoratorsを設定してjestを走らせたところ、

Parameter 'StoryFn' implicitly has an 'any' type.

というTSErrorが発生した

error発生時のコード

export default {
	// 途中省略
  decorators: [
    StoryFn => (
      <div style={styles}>
        <StoryFn />
      </div>
    ), 
  ],
};

これを
以下のように編集

export default {
	// 途中省略
  decorators: [
    (StoryFn) => (
      <div style={styles}>
        {StoryFn()} //編集
      </div>
    ), 
  ],
};

これでTSErrorが解消された

Discussion