diff --git a/pages/account/statistics.js b/pages/account/statistics.js
index c7d6d5f44f0..e579c57721c 100644
--- a/pages/account/statistics.js
+++ b/pages/account/statistics.js
@@ -91,11 +91,11 @@ export async function getServerSideProps(context) {
   data.links.clicks = totalClicks;
 
   return {
-    props: { data, profile, progress },
+    props: { data, profile, progress, BASE_URL: clientEnv.NEXT_PUBLIC_BASE_URL },
   };
 }
 
-export default function Statistics({ data, profile, progress }) {
+export default function Statistics({ data, profile, progress, BASE_URL }) {
   const dateTimeStyle = {
     dateStyle: "short",
   };
@@ -151,7 +151,7 @@ export default function Statistics({ data, profile, progress }) {
 
         <h1 className="text-4xl mb-4 font-bold">
           Your Statistics for {profile.name} (
-          <Link href={`${clientEnv.NEXT_PUBLIC_BASE_URL}/${profile.username}`}>
+          <Link href={`${BASE_URL}/${profile.username}`}>
             {profile.username}
           </Link>
           )
diff --git a/pages/playground.js b/pages/playground.js
index 8fd5c005cc8..8286f9f2ca5 100644
--- a/pages/playground.js
+++ b/pages/playground.js
@@ -8,8 +8,14 @@ import UserPage from "@components/user/UserPage";
 import Notification from "@components/Notification";
 import { clientEnv } from "@config/schemas/clientSchema";
 
-export default function Playground() {
-  const BASE_URL = clientEnv.NEXT_PUBLIC_BASE_URL;
+export async function getServerSideProps(){
+  return {
+    props: { BASE_URL: clientEnv.NEXT_PUBLIC_BASE_URL },
+  };
+}
+
+export default function Playground({BASE_URL}) {
+
   const defaultJson = `{
     "name": "Your Name",
     "bio": "Write a short bio about yourself",