storiesOf is deprecated and should not be used (no-stories-of)

Included in these configurations: <ul><li>csf-strict</li><li>flat/csf-strict</li></ul>

Rule Details

Starting with Storybook 5.2, the Component Story Format (CSF) was introduced as the preferred way to write stories. The storiesOf API is now removed and should be avoided in favor of CSF.

Examples of incorrect code for this rule:

import { storiesOf } from "@storybook/react";

import Button from "../components/Button";

storiesOf("Button", module).add("primary", () => <Button primary />);

Examples of correct code for this rule:

import Button from '../components/Button';

export default = {
  component: Button
}

export const Primary = () => <Button primary />

import Button from '../components/Button';

export default = {
  component: Button
}

export const Primary = {
  args: {
    primary: true
  }
}