initial

src/App.tsx

@@ -0,0 +1,18 @@
+import "./App.css";
+import { MapLibreMap } from "@mapcomponents/react-maplibre";
+
+function App() {
+  return (
+    <>
+      <MapLibreMap
+        options={{
+          style: "https://wms.wheregroup.com/tileserver/style/osm-bright.json",
+          zoom: 4,
+        }}
+        style={{ position: "absolute", top: 0, bottom: 0, left: 0, right: 0 }}
+      />
+    </>
+  );
+}
+
+export default App;

src/index.css

@@ -0,0 +1,3 @@
+body {
+  padding: 0;
+}

src/main.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import { MapComponentsProvider } from "@mapcomponents/react-maplibre";
+import App from "./App";
+import "./index.css";
+import { DeckGlContextProvider } from "@mapcomponents/deck-gl";
+
+ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
+  <React.StrictMode>
+    <MapComponentsProvider>
+      <DeckGlContextProvider>
+        <App />
+      </DeckGlContextProvider>
+    </MapComponentsProvider>
+  </React.StrictMode>,
+);

src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />