src/pages/404.tsx
import * as React from "react";
import { Header, Icon, Grid } from "semantic-ui-react";
import {withLayout} from "../components/Layout";
const NotFoundPage = () =>
<Grid centered verticalAlign="middle"
style={{
minHeight: "700px",
}}
>
<Grid.Column>
<Grid.Row style={{textAlign: "center"}}>
<Icon name="marker" size="huge"/>
<Header as="h1">You are here!</Header>
<Header as="h2">But nothing found for you #404</Header>
</Grid.Row>
</Grid.Column>
</Grid>;
export default withLayout(NotFoundPage);