antd chars 地图背景色怎么写死

问题遇到的现象和发生背景

我只要刷新 地图背景色就随机变化了有没有办法自定义某个区的背景色

img

img

问题相关代码,请勿粘贴截图
const config = {
    map: {
      type: 'mapbox',
      style: 'blank',
      // center: [120.19382669582967, 30.258134],
      zoom: 3,
      pitch: 0,
    },
    source: {
      data: data,
      joinBy: {
        sourceField: 'adcode',
        geoField: 'adcode',
      },
    },
    viewLevel: {
      level: 'city',//city市 district//县
      adcode: 330800,//根据区号选择地区
    },
    autoFit: true,
    color: {
      field: 'value',
      value: ['#B8E1FF', '#7DAAFF', '#3D76DD', '#0047A5', '#001D70'],
      scale: {
        type: 'quantize',
      },
    },
    style: {
      opacity: 1,
      stroke: '#ccc',
      // stroke: 'red',
      lineWidth: 0.6,
      lineOpacity: 1,
    },
    label: {
      visible: true,
      field: 'name',
      style: {
        fill: '#000',//名字字体颜色
        opacity: 0.8,
        fontSize: 10,
        stroke: '#fff',
        strokeWidth: 1.5,
        textAllowOverlap: false,
        padding: [5, 5],
      },
    },
    state: {
      active: {
        stroke: 'black',
        lineWidth: 1,
      },
    },
    tooltip: {
      // title:'name',
      items: ['name', 'adcode', 'value', "地区"],
      // customTitle:(title,pars)=>{
      //   console.log(title,pars);
      //   return 'qsqwsq'
      // }




    },
    zoom: {
      position: 'bottomright',
    },
    legend: {
      position: 'bottomleft',
    },
  };

  return <ChoroplethMap {...config} />

运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果