import React from "react" ; import { CONTAINER_STYLE } from "../../shared/styles" ; import { Container , Header } from "semantic-ui-react" ; interface Props { error : Error ; } interface States { } export default class ErrorPage extends React . Component < Props , States > { render ( ) { return ( < Container text style = { CONTAINER_STYLE } > < div className = "page-header" > < Header color = "red" size = "large" > { this . props . error ? this . props . error . name : "Error" } < /Header> < p > { this . props . error && this . props . error . message } < /p> < /div> < /Container>); } }