sign-up.tsx

import { NextPage } from "next";
import { useTranslation } from "next-i18next";
import { serverSideTranslations } from "next-i18next/serverSideTranslations";
import { useDispatch } from "react-redux";
import LoginView from "../components/Login/LoginView";
import actions from "../store/actions";

import Seo from "../components/Seo";
import { GetLocale } from "../utils/GetLocale";

const SignUpPage: NextPage<{ sitekey: string }> = ({ sitekey }) => {
    const { t } = useTranslation();
    const dispatch = useDispatch();
    dispatch(actions.setSitekey(sitekey));

    return (
        <>
            <Seo
                title={t("login:signup")}
                description={t("login:signupFormHeader")}
            />
            <LoginView isSignUp />
        </>
    );
};

export async function getServerSideProps({ locale, locales, req, query }) {
    locale = GetLocale(req, locale, locales);
    query = JSON.parse(query.props);

    return {
        props: {
            ...(await serverSideTranslations(locale)),
            sitekey: query.sitekey,
        },
    };
}

export default SignUpPage;