fix auth/login base url resolution failure

src/pages/auth/login.tsx

@@ -1,19 +1,24 @@
+import { NextPageContext } 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: { apiRoot: string }) => {
-
-const loginPage = () => {
     const onSendSecretCode = (code: string) => {
         console.log(code);
     };
     return (
         <AuthLogin
             onSendSecretCode={onSendSecretCode}
-            discordOAuthLink={`${publicRuntimeConfig.apiPublicURI}/login-bounce`}
+            discordOAuthLink={`${props.apiRoot}/login-bounce`}
         />
     );
 };
 
 export default loginPage;
+
+loginPage.getInitialProps = (context: NextPageContext) => {
+    const { publicRuntimeConfig } = getConfig();
+
+    return { apiRoot: publicRuntimeConfig.apiPublicURI };
+};