14 lines
465 B
TypeScript
14 lines
465 B
TypeScript
|
import { Flex, FlexProps, TextProps, Text } from "@chakra-ui/react";
|
||
|
|
import React from "react";
|
||
|
|
|
||
|
|
export function CenteredErrorFallback(props: { TextProps?: TextProps; FlexProps?: FlexProps }) {
|
||
|
|
return (
|
||
|
|
<Flex flexDir="column" alignItems="center" justifyContent="center" p="20px" h="100vh" {...props.FlexProps}>
|
||
|
|
<Text {...props.TextProps}>
|
||
|
|
Oops! Looks like something broke!
|
||
|
|
<br /> Please try again later!
|
||
|
|
</Text>
|
||
|
|
</Flex>
|
||
|
|
);
|
||
|
|
}
|