I'm currently getting way too much Data Cache usage (ISR), almost out of Hobby tier, only serving 700 users so far. I believe it's because my homepage is 6.8 Mb size, because the data cache is using 850 unit increments (8kb / unit) everytime it's used. I believe a large chunk of this is coming from serving a Leaflet.js Map with a 2.38mb shapefile of US counties. I do the

dynamic(
    () => import("@/components/CountyMap"),
    { ssr: false }, // This line is important. It's what prevents server-side render
  );

to enable the client side render. How should I improve serving this map so I can get my ISR usage down?