我一直在尝试使用React Leaflet和Typescript渲染GeoJSON数据，但似乎无法让它工作。我很确定我的GeoJSON文件是好的，但typescript抱怨它不是正确的类型。如果这不是正确的类型，我就有点难住了，我应该传递GeoJSON组件。
错误消息获取：

Property 'type' is missing in type '({ type: string; geometry: { type: string; coordinates: number[]; }; properties: { prop0: string; prop1?: undefined; }; } | { type: string; geometry: { type: string; coordinates: number[][]; }; properties: { prop0: string; prop1: number; }; } | { ...; })[]' but required in type 'GeoJsonObject'.ts(2741)
index.d.ts(58, 5): 'type' is declared here.
GeoJSON.d.ts(7, 5): The expected type comes from property 'data' which is declared here on type 'IntrinsicAttributes & GeoJSONProps & RefAttributes<GeoJSON<any, Geometry>>'

下面是我使用的GeoJSON文件：

{ "type": "FeatureCollection",
  "features": [
    { "type": "Feature",
      "geometry": {"type": "Point", "coordinates": [102.0, 0.5]},
      "properties": {"prop0": "value0"}
      },
    { "type": "Feature",
      "geometry": {
        "type": "LineString",
        "coordinates": [
          [102.0, 0.0], [103.0, 1.0], [104.0, 0.0], [105.0, 1.0]
          ]
        },
      "properties": {
        "prop0": "value0",
        "prop1": 0.0
        }
      },
    { "type": "Feature",
       "geometry": {
         "type": "Polygon",
         "coordinates": [
           [ [100.0, 0.0], [101.0, 0.0], [101.0, 1.0],
             [100.0, 1.0], [100.0, 0.0] ]
           ]

       },
       "properties": {
         "prop0": "value0",
         "prop1": {"this": "that"}
         }
       }
    ]
  }

最后但并非最不重要的是我的react代码：

import test from "../test.json"
...

<MapContainer style={{height: 400, width: 600}} zoom={12} center={[0,0]}>
              {this.state.geoJSON && ( <GeoJSON attribution="NEOM Map Data" data={test.features}/> )}
            </MapContainer>

我还尝试将我的test json的值作为prop传递给我的map组件。在这种情况下， typescript 没有抱怨打字不正确，但似乎没有呈现任何东西？至少在我看来，我的Map是完全空的。