React集成leaflet-radar报错：checkbox_div is not defined 求助

说明：使用React框架

我在Leaflet地图对象中配置雷达控件时遇到问题，地图可正常生成，但添加雷达时出现错误。

问题出在以下代码片段：

import RadarMap from 'leaflet-radar'
.
.
.
drawMap(){
    let radar;

    this.map = L.map(this.id);// eslint-disable-line
    this.map.setView([this.latitude, this.longitude], this.zoom);

    L.tileLayer("https://tile-{s}.openstreetmap.fr/hot/{z}/{x}/{y}.png", { // eslint-disable-line
        accessToken: this.accessToken
      }
    ).addTo(this.map);

    radar = new L.Control.Radar({}); // eslint-disable-line
    radar.addTo(this.map);
  }

错误具体发生在调用以下代码行时：

radar.addTo(this.map);

若不调用该行，地图可正常生成，但添加该行后地图功能失效。我已为该问题耗时数小时，反复修改代码仍无法让雷达正常工作，恳请大家提供解决方案。

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