Sometimes when writing code in stories files, we might encounter some errors. The reason could be that we forgot about something Storybook needs, like the default export in a stories file, which is necessary for Storybook to know what component to render, or maybe we wrote code in a way that is not supported by Storybook.

In order to help users detect errors beforehand, Storybook provides an ESLint plugin (I'm the author!). Let's install it.

Adding the ESLint to the MealDrop#

The installation steps are rather simple. Let's add the library to the project:

yarn add -D eslint-plugin-storybook