Reactjs React simple maps渲染空svg元素，而不是map

我正在尝试将react simple map添加到我的react应用程序中

在这里的示例（）中，他们使用以下代码渲染世界地图：

import React from "react";
import ReactDOM from "react-dom";
import { ComposableMap, Geographies, Geography } from "react-simple-maps";

import "./styles.css";

const geoUrl =
  "https://raw.githubusercontent.com/zcreativelabs/react-simple-maps/master/topojson-maps/world-110m.json";

const App = () => (
  <div>
    <ComposableMap>
      <Geographies geography={geoUrl}>
        {({ geographies }) =>
          geographies.map(geo => <Geography key={geo.rsmKey} geography={geo} />)
        }
      </Geographies>
    </ComposableMap>
  </div>
);

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

当我检查html时，我看到一个

svg

元素包装了一个

g

元素，该元素不包含任何内容。我不知道为什么我的代码（与示例相同）什么都不做

没有错误或警告

import {
    ComposableMap,
    Geographies,
    Geography, Graticule,
    Marker
} from "react-simple-maps";
import React from "react";

const geoUrl =
    "https://raw.githubusercontent.com/zcreativelabs/react-simple-maps/master/topojson-maps/world-110m.json";

export default function WorldMap() {
    return <div id="worldMap">
        <ComposableMap>
            <Geographies geography={geoUrl}>
                {({geographies}) => {
                    geographies.map(geo => (<Geography key={geo.rsmKey} geography={geo}/>))
                }}
            </Geographies>
        </ComposableMap>
    </div>
}