Misfit-Ha

import { MapContainer, Polyline, TileLayer } from 'react-leaflet'
import 'leaflet/dist/leaflet.css'
import 'leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.webpack.css' // Re-uses images from ~leaflet package
import { useState } from 'react'



export default function SimpleMap() {
  const [roads, setRoads] = useState([])
  const clickHandler = async () => {