Листовка с реакцией Clojurescript неправильно отображает плитки

Я пытаюсь использовать реактивную листовку из ClojureScript, но у меня проблема с отображением плитки:

• некоторые тайлы не отображаются
• плитки отображаются рядом друг с другом в разных городах

Вот код, который у меня есть:

(ns carder-devcards.map
  (:require [taoensso.timbre :as timbre]
            [cljsjs.react-leaflet] ;; js/ReactLeaflet
            )
  (:require-macros [devcards.core :as dc :refer [defcard]]))


(defn build
  ([component props]
   (build component props (array)))
  ([component props & children]
   (.createElement js/React
                   component
                   (clj->js props)
                   (array children))))


(def tile-layer (partial build js/ReactLeaflet.TileLayer))
(def leaflet-map (partial build js/ReactLeaflet.Map))
(def marker (partial build js/ReactLeaflet.Marker))
(def popup (partial build js/ReactLeaflet.Popup))



(defcard simple-leaflet
  (fn [state]
    (let [{:keys [pos zoom] :as st} @state
          tl (tile-layer {:url "http://{s}.tile.osm.org/{z}/{x}/{y}.png"
                          :attribution "&copy; <a href=\"http://osm.org/copyright\">OpenStreetMap</a> contributors"})
          mk (marker {:position pos})]
      (leaflet-map {:center pos :zoom zoom}
                   tl
                   mk
                   )))
  {:pos [51.505, -0.09]
   :zoom 13}
  {:header true})

И вот результат у меня локально.

Примечание: изменение размера браузера, похоже, имеет эффект, так что это также может быть проблемой css (?). Я попытался включить следующее без эффекта:

.leaflet-container {
  height: 400px;
  width: 100%;
}