migrated error page story

src/components/common/ErrorPage/ErrorPage.tsx

@@ -16,7 +16,7 @@ import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 import { ExternalButtonLink, InternalButtonLink } from "../Link";
 import { theme } from "../../../style/Theme";
 
-interface ErrorPageProps {
+export interface ErrorPageProps {
   title: string;
   subtitle: string;
   details?: string;

src/stories/common/ErrorPage/ErrorPage.stories.jsx → src/stories/common/ErrorPage/ErrorPage.stories.tsx

+import { Meta } from "@storybook/react";
 import { Button, Paper } from "@mui/material";
 import { BrowserRouter } from "react-router-dom";
 import { ErrorPage } from "../../../components/common/ErrorPage";
+import { ErrorPageProps } from "../../../components/common/ErrorPage/ErrorPage";
 import { theme } from "../../../style/Theme";
 import {
   SidewaysMascot,
@@ -10,9 +12,9 @@ import {
 export default {
   title: "Common/ErrorPage",
   component: ErrorPage
-};
+} as Meta<typeof ErrorPage>;
 
-const Template = (props) => {
+const Template = (props: ErrorPageProps) => {
   return (
     <BrowserRouter>
       <Paper sx={{ padding: 2 }}>
@@ -24,7 +26,7 @@ const Template = (props) => {
 
 const mascotDefaultProps = { width: "250px", height: "500px" };
 
-export const Default = (args) => <Template {...args} />;
+export const Default = (args: ErrorPageProps) => <Template {...args} />;
 Default.args = {
   title: "Badger Ducks Summoned",
   subtitle: "HTTP 503",
@@ -71,7 +73,7 @@ Suppressed: com.physics.particles.PauliExclusionFreakoutException: Pauli exclusi
 `
 };
 
-export const Customized = (args) => <Template {...args} />;
+export const Customized = (args: ErrorPageProps) => <Template {...args} />;
 Customized.args = {
   ...Default.args,
   titleProps: { variant: "h1", color: theme.palette.error.main },