diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index 561057b0e..3dbd62512 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -82188,7 +82188,7 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
- Generic form error
+ Invalid value
- Generic form error
+ Invalid value
@@ -82989,9 +82989,7 @@ Ctrl + K"
/>
- Generic form error
-
+ />
diff --git a/src/storybook/stories/pages/PageDetailsPage.tsx b/src/storybook/stories/pages/PageDetailsPage.tsx
index ff9e0865f..45ca25f69 100644
--- a/src/storybook/stories/pages/PageDetailsPage.tsx
+++ b/src/storybook/stories/pages/PageDetailsPage.tsx
@@ -1,13 +1,13 @@
import { storiesOf } from "@storybook/react";
import React from "react";
+import { PageErrorCode } from "@saleor/types/globalTypes";
import PageDetailsPage, {
FormData,
PageDetailsPageProps
} from "../../../pages/components/PageDetailsPage";
import { page } from "../../../pages/fixtures";
import Decorator from "../../Decorator";
-import { formError } from "../../misc";
const props: PageDetailsPageProps = {
disabled: false,
@@ -36,6 +36,10 @@ storiesOf("Views / Pages / Page details", module)
"isPublished",
"seoDescription",
"seoTitle"
- ] as Array).map(formError)}
+ ] as Array).map(field => ({
+ __typename: "PageError",
+ code: PageErrorCode.INVALID,
+ field
+ }))}
/>
));