问部署到Vercel后的小型化反应错误#130

EN

import TurkeyMap from "turkey-map-react";
import { GridLoader } from "react-spinners"; //Loading animation
import "antd/dist/antd.css";
import { Tooltip } from "antd";
import { useNavigate } from "react-router-dom";
import { Link } from "react-router-dom";

export default function Map() {
    console.log("Type of TurkeyMAp",typeof TurkeyMap);
    console.log("object" === typeof TurkeyMap);
    const navigate = useNavigate();

    return (
        <div className="">
            <header className="flex justify-center items-center gap-3 gap-x-4 ">
                <Link
                    className="text-[40px] text-center font-bold text-blue-500 hover:text-red-500"
                    to={"/"}>
                    Home
                </Link>
                <h1
                    className="text-[40px] text-center font-bold  text-white hover:text-red-500"
                    to={"/map"}>
                    Map
                </h1>
                <Link
                    className="text-[40px] text-center font-bold text-blue-500 hover:text-red-500"
                    to={"/cities"}>
                    Cities
                </Link>
            </header>
            <div>
                <TurkeyMap
                    onClick={({ name }) => {
                        navigate(`/city/${name}`);
                    }}
                    cityWrapper={(cityComponent, cityData) => (
                        <Tooltip
                            title={`${cityData.plateNumber} - ${cityData.name}`}
                            key={cityData.id}>
                            {cityComponent}
                        </Tooltip>
                    )}
                />
            </div>
        </div>
    );
}