[fix] map freezes on mobile view

components/Map.jsx

@@ -2,20 +2,7 @@ import "../styles/Map.module.scss";
 
 function Map({ width = "100%", height = "100%", showAddressText }) {
 	return (
-		<div
+		<div className="map" style={{ width: "100%", height: "100%" }}>
-			className="map"
-			style={
-				typeof window !== "undefined"
-					? {
-							width: width > window.innerWidth ?? "100%",
-							height: height > window.innerHeight ?? "100%",
-					  }
-					: {
-							width: "100%",
-							height: "100%",
-					  }
-			}
-		>
 			<iframe
 				id="googleMap"
 				title="Google Maps"
@@ -23,9 +10,7 @@ function Map({ width = "100%", height = "100%", showAddressText }) {
 				style={{ border: "0" }}
 				width={width}
 				height={height}
-				allowfullscreen="true"
 				loading="lazy"
-				referrerpolicy="no-referrer-when-downgrade"
 			></iframe>
 			{showAddressText ? (
 				<a

pages/api/hello.js

@@ -1,5 +0,0 @@
-// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
-
-export default function handler(req, res) {
-  res.status(200).json({ name: 'John Doe' })
-}

styles/Home.module.scss

@@ -117,6 +117,7 @@
 
 		.homeMapContainer {
 			width: 90%;
+			min-height: 500px;
 		}
 	}
 }