replace env variable useage so dyanmic not built

components/main.js

@@ -9,9 +9,10 @@ import Inspectorate from "./homepage/inspectorate";
 import CaseComment from "./homepage/casecomment";
 import Dns from "./homepage/dns";
 
-export default function MainHome({ children, pages, showLogin }) {
+const MainHome = (props) => {
     let { t } = useTranslation();
 
+    const { showLogin, GG_REDIRECT_URI, GG_CLIENT_ID } = props;
     const router = useRouter();
     const { locale } = router;
 
@@ -28,11 +29,18 @@ export default function MainHome({ children, pages, showLogin }) {
                         <CaseSearch />
                         <CaseComment />
                         <Dns />
-                        {showLogin == "true" && <Login />}
+                        {showLogin == "true" && (
+                            <Login
+                                GG_CLIENT_ID={GG_CLIENT_ID}
+                                GG_REDIRECT_URI={GG_REDIRECT_URI}
+                            />
+                        )}
                         {/*   <Inspectorate /> */}
                     </div>
                 </div>
             </div>
         </main>
     );
-}
+};
+
+export default MainHome;