remove defaultAppData showing

.gitea/workflows/deploy.yaml

@@ -19,9 +19,9 @@ jobs:
       - name: Build
         run: npm run build
         env:
-          NEXT_PUBLIC_API_BASE: ${{ secrets.NEXT_PUBLIC_API_BASE }}
+          NEXT_PUBLIC_API_BASE: ${{ secrets.API_BASE }}
-          SERVER_ID: ${{ secrets.SERVER_ID }}
+          NEXT_PUBLIC_SERVER_ID: ${{ secrets.SERVER_ID }}
-          ACCESS_TOKEN: ${{ secrets.ACCESS_TOKEN }}
+          NEXT_PUBLIC_ACCESS_TOKEN: ${{ secrets.ACCESS_TOKEN }}
 
       - name: Publish to Cloudflare
         uses: cloudflare/wrangler-action@v3

src/app/page.tsx

@@ -2,17 +2,21 @@
 
 import { useEffect, useState } from "react";
 import { fetchLeaderboard } from "@/lib/api";
-import { defaultAppData } from "@/lib/defaultData";
 import ClientPage from "./ClientPage";
+import { AppData } from "@/lib/types";
 
 export default function Page() {
-  const [appData, setAppData] = useState(defaultAppData);
+  const [appData, setAppData] = useState<AppData | null>(null);
 
   useEffect(() => {
     fetchLeaderboard().then((data) => {
-      setAppData(data || defaultAppData);
+      setAppData(data);
     });
   }, []);
 
+  if (!appData) {
+    return null;
+  }
+
   return <ClientPage initialAppData={appData} />;
 }