GeoJSON example does not work with OL v8.2.0 and TypeScript

[anttikekki]

OpenLayers 8.2.0 GeoJSON example does not work with TypeScript.

What is the current correct way to use GeoJSON with VectorSource + VectorLayer?

const vectorSource = new VectorSource({
  features: new GeoJSON().readFeatures(geojsonObject),
});
// vectorSource is VectorSource<FeatureLike>

vectorSource.addFeature(new Feature(new Circle([5e6, 7e6], 1e6)));

const vectorLayer = new VectorLayer({
  source: vectorSource, // compile error!
  style: styleFunction,
});
// vectorLayer is VectorLayer<VectorSource<Feature<Geometry>>>

source: vectorSource causes the following compile error:

Type 'VectorSource<FeatureLike>' is not assignable to type 'VectorSource<Feature<Geometry>>'.
  Type 'FeatureLike' is not assignable to type 'Feature<Geometry>'.
    Type 'RenderFeature' is missing the following properties from type 'Feature<Geometry>': on, once, un, geometryName_, and 39 more.ts(2322)
(property) source?: VectorSource<Feature<Geometry>> | undefined

If I try to specify source type for the vectorLayer to the same as in vectorSource, it still leads to compile error:

const vectorSource = new VectorSource({
  features: new GeoJSON().readFeatures(geojsonObject),
});
// vectorSource is VectorSource<FeatureLike>

vectorSource.addFeature(new Feature(new Circle([5e6, 7e6], 1e6)));

const vectorLayer = new VectorLayer<VectorSource<FeatureLike>>({ // compile error!
  source: vectorSource,
  style: styleFunction,
});

Error:

Type 'VectorSource<FeatureLike>' does not satisfy the constraint 'VectorSource<Feature<Geometry>>'.
  Type 'FeatureLike' is not assignable to type 'Feature<Geometry>'.
    Type 'RenderFeature' is missing the following properties from type 'Feature<Geometry>': on, once, un, geometryName_, and 39 more.ts(2344)
(alias) type FeatureLike = Feature<Geometry> | RenderFeature

[mprins]

duplicates #15356