如何将leaflet-velocity集成到React项目中作为组件使用？

我正在学习使用Leaflet地图，尝试探索其扩展功能，希望将leaflet-velocity作为React组件集成到现有项目中。该组件在静态index.html文件中运行正常，但无法适配现有React项目。理想状态下，我希望将Velocity作为带有动态标记的Overlay图层添加。

以下是我的代码：

<LayerGroup>
  {datas.length > 0 && datas.map((data, index) => {
    return(
      <div key={index}>
        <Marker position={[data.lat, data.long]} icon={color}>
        </Marker>
      </div>
    )})}
</LayerGroup>
</LayersControl.Overlay>
<LayersControl.Overlay>
  # 我本以为应该是这样...但不行
  <L.velocityLayer data={windGBR} displayValues={true}></L.velocityLayer>
</LayersControl.Overlay>

报错信息：

Objects are not valid as a React child (found: object with keys {options, _initHooksCalled}). If you meant to render a collection of children, use an array instead

我的问题是：如何将leaflet-velocity的demo.js代码集成到React中，使其像常规组件一样工作？提前感谢您的帮助。

附：如果需要我提供完整的demo文件，或者仅提供GitHub链接是否足够，请告知...

内容的提问来源于stack exchange，提问作者Linus