load auth login ui config from server only

src/pages/auth/login.tsx

@@ -1,26 +1,25 @@
-import { NextPageContext } from 'next';
+import { GetServerSidePropsContext } from 'next';
 import getConfig from 'next/config';
 import * as React from 'react';
 import { AuthLogin } from 'roleypoly/design-system/templates/auth-login';
 
-const { publicRuntimeConfig } = getConfig();
+const loginPage = (props: { apiURI: string }) => {
-
-const loginPage = (props: { apiRoot: string }) => {
-    const onSendSecretCode = (code: string) => {
-        console.log(code);
-    };
     return (
         <AuthLogin
-            onSendSecretCode={onSendSecretCode}
+            onSendSecretCode={() => {}}
-            discordOAuthLink={`${
+            discordOAuthLink={`${props.apiURI}/login-bounce`}
-                props.apiRoot || publicRuntimeConfig.apiPublicURI
-            }/login-bounce`}
         />
     );
 };
 
 export default loginPage;
 
-loginPage.getInitialProps = (context: NextPageContext) => {
+export const getServerSideProps = async (context: GetServerSidePropsContext) => {
-    return { apiRoot: publicRuntimeConfig.apiPublicURI };
+    const { publicRuntimeConfig } = getConfig();
+
+    return {
+        props: {
+            apiURI: publicRuntimeConfig.apiPublicURI,
+        },
+    };
 };