type fixes

app/package.json

@@ -7,7 +7,7 @@
     "dev": "vite",
     "build": "tsc -b && vite build",
     "preview": "vite preview",
-    "build-ghpages": "tsc -b && vite build --base=/basemaps-themes/",
+    "build-ghpages": "tsc -b && vite build --base=/basemaps-themes/"
   },
   "dependencies": {
     "maplibre-gl": "^4.7.1",

app/src/App.tsx

@@ -1,28 +1,27 @@
-import { createSignal, createEffect, onMount } from "solid-js";
+import { onMount } from "solid-js";
 import "maplibre-gl/dist/maplibre-gl.css";
 import "./App.css";
 import maplibregl from "maplibre-gl";
+import { LayerSpecification } from "maplibre-gl";
 import { layersWithCustomTheme } from "protomaps-themes-base";
 
 const THEMES = ["contrast"];
 
 function App() {
-  let map: maplibregl.Map;
-
   onMount(async () => {
     maplibregl.setRTLTextPlugin(
       "https://unpkg.com/@mapbox/[email protected]/mapbox-gl-rtl-text.min.js",
       true,
     );
 
-    let layers;
+    let layers: LayerSpecification[] = [];
 
     for (let themeName of THEMES) {
       let theme = await import(`../../themes/${themeName}.ts`);
       layers = layersWithCustomTheme("protomaps", theme.default, "en");
     }
 
-    map = new maplibregl.Map({
+    new maplibregl.Map({
       container: "map",
       style: {
         version: 8,