, }; ``` This change is part of our move to CSF3, which uses objects instead of functions to represent stories. You can read more about the CSF3 format here: https://storybook.js.org/blog/component-story-format-3-0/ We have set up a codemod that attempts to automatically migrate your code for you (update the glob to suit your needs): ``` npx storybook@next migrate upgrade-deprecated-types --glob="**/*.stories.tsx" ``` #### `ComponentStory`, `ComponentStoryObj`, `ComponentStoryFn` and `ComponentMeta` types are deprecated _Has codemod_ The type of `StoryObj` and `StoryFn` have been changed in 7.0 so that both the "component" as "the props of the component" will be accepted as the generic parameter. You can now replace the types: ``` ComponentStory -> StoryFn (CSF2) or StoryObj (CSF3) ComponentStoryObj -> StoryObj ComponentStoryFn -> StoryFn ComponentMeta -> Meta ``` Here are a few examples: ```ts import type { StoryFn, StoryObj } from "@storybook/react"; import { Button, ButtonProps } from "./Button"; // This works in 7.0, making the ComponentX types redundant. const meta: Meta = { component: Button }; export const CSF3Story: StoryObj = { args: { label: "Label" } }; export const CSF2Story: StoryFn = (args) =>