fix deployment url

components/InfiniteScroll.tsx

 "use client"
 
 import Game from "@/components/Game";
-import { Card, CardContent } from "@/components/ui/card";
+import { Card } from "@/components/ui/card";
 import { getBaseURL } from "@/lib/utils";
 import { IGame } from "@/types/igdb-types";
 import { useInfiniteQuery } from "@tanstack/react-query";
@@ -9,6 +9,7 @@ import { Fragment } from "react";
 import InfiniteScroll from "react-infinite-scroll-component";
 
 export function InfiniteScrollGames() {
+    console.log(getBaseURL())
     const {
         status,
         data,

lib/utils.ts

@@ -16,7 +16,7 @@ export function getImageURL(hashId: string, size: string): string {
 // returns the base url for the current environment, even considering current port
 export function getBaseURL(): string {
   return process.env.NODE_ENV === 'production'
-    ? process.env.PROD_URL ?? ''
+    ? process.env.NEXT_PUBLIC_APP_URL ?? ''
     : (typeof window !== 'undefined'
       ? `http://${window.location.hostname}:${window.location.port}`
       : 'http://localhost:3000')