Reactjs Mapbox贴图层未找到/着色

我有一个问题，除了法国，有两个不同图层的Mapbox地图显示正确。我使用的软件包有：

"@mapbox/mapbox-gl-geocoder": "^4.7.0",
"mapbox-gl": "^1.13.0",
"mapbox-gl-geocoder": "^2.0.1",

以下是我的图层声明：

 const doneCountriesLayer = {
  id: 'done-countries-layer',
  type: 'fill',
  'source-layer': 'ne_10m_admin_0_countries-cdobzp',
  filter: ['match', ['get', 'ISO_A2'], doneCountryCodes, true, false],
  paint: {
   'fill-color': '#00b483',
   'fill-opacity': 0.8,
  },
 };

 const todoCountriesLayer = {
  id: 'todo-countries-layer',
  type: 'fill',
  'source-layer': 'ne_10m_admin_0_countries-cdobzp',
  filter: ['match', ['get', 'ISO_A2'], todoCountryCodes, true, false],
  paint: {
   'fill-color': '#f4c43c',
   'fill-opacity': 0.8,
  },
};

所以这里要做的是，我正在创建一个层，其中包含一组特定的国家，以绿色显示已完成的国家，以黄色显示标记为todo的国家。正如您在下面的inspector屏幕截图中所看到的，countries done数组包含法国的国家代码（FR）

但是，一旦页面呈现，地图将显示如下：

法国的地图盒国家代码不是“通常”的还是我遗漏了什么

谢谢你的帮助