diff --git a/apps/findbobastore/src/app/page.tsx b/apps/findbobastore/src/app/page.tsx
index 68893f1..21082cf 100644
--- a/apps/findbobastore/src/app/page.tsx
+++ b/apps/findbobastore/src/app/page.tsx
@@ -7,7 +7,7 @@ export default async function Home() {
       <div className="absolute top-4 left-4 z-10 bg-slate-900/50 px-4 py-2 rounded-lg">
         <h1 className="text-xl font-bold text-white">Find Boba Store</h1>
       </div>
-      {mapboxToken && <MapContainer token={mapboxToken} />}
+      <MapContainer token={mapboxToken} />
     </main>
   )
 }
diff --git a/apps/findbobastore/src/components/map-container.tsx b/apps/findbobastore/src/components/map-container.tsx
index 797bf44..2e76a6a 100644
--- a/apps/findbobastore/src/components/map-container.tsx
+++ b/apps/findbobastore/src/components/map-container.tsx
@@ -11,6 +11,6 @@ const MapView = dynamic(() => import('./map-view'), {
   ),
 })
 
-export function MapContainer({ token }: { token: string }) {
+export function MapContainer({ token }: { token: string | undefined }) {
   return <MapView token={token} />
 }
diff --git a/apps/findbobastore/src/components/map-view.tsx b/apps/findbobastore/src/components/map-view.tsx
index ea9fa0f..403d99e 100644
--- a/apps/findbobastore/src/components/map-view.tsx
+++ b/apps/findbobastore/src/components/map-view.tsx
@@ -237,7 +237,7 @@ function MapOverlay({ store }: { store: BobaStore | null }) {
   )
 }
 
-export function MapView({ token }: { token: string }) {
+export function MapView({ token }: { token: string | undefined }) {
   const mapContainer = useRef<HTMLDivElement>(null)
   const map = useRef<mapboxgl.Map | null>(null)
   const [selectedStore, setSelectedStore] = useState<BobaStore | null>(null)