0aea2f47da
the error was due to a faulty logic. 'useRouter' was being used to detect pathname, which doesn't keep original url on 404 page. this commit fixes that. this commit also makes it easy to go to IMDb by adding a clear link on error page. closes https://github.com/zyachel/libremdb/issues/50
26 lines
723 B
TypeScript
26 lines
723 B
TypeScript
import type { GetServerSideProps, InferGetServerSidePropsType } from 'next';
|
|
import ErrorInfo from 'src/components/error/ErrorInfo';
|
|
|
|
const error = {
|
|
statusCode: 404,
|
|
message: 'Not found, sorry.',
|
|
} as const;
|
|
|
|
type Props = InferGetServerSidePropsType<typeof getServerSideProps>;
|
|
|
|
const Error404 = ({ originalPath }: Props) => {
|
|
return <ErrorInfo {...error} originalPath={originalPath} />;
|
|
};
|
|
|
|
export default Error404;
|
|
|
|
type Data = { originalPath: string };
|
|
type Params = { error: string[] };
|
|
|
|
export const getServerSideProps: GetServerSideProps<Data, Params> = async ctx => {
|
|
ctx.res.statusCode = error.statusCode;
|
|
ctx.res.statusMessage = error.message;
|
|
|
|
return { props: { originalPath: ctx.resolvedUrl } };
|
|
};
|