Maximum recursive updates exceeded in component <ol-source-vector>.

[dbelouslv]

Describe the bug
I have an error:

Uncaught (in promise) SyntaxError: The requested module '/_nuxt/@fs/C:/Projects//src/PublicSite/client-app/node_modules/xml-utils/find-tags-by-name.js?v=f1b9b628' does not provide an export named 'default' (at geotiffimage.js:4:8)*

when I have the latest version of packages:

[email protected]
[email protected]
vue3-openlayers@latest

And this error:

Maximum recursive updates exceeded in component ol-source-vector.

when I have:

[email protected]
[email protected]
[email protected]

Expected behavior
It works without red errors

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Browser 132.0.6834.6 Google Canary (64 bits)

Additional context

     <ol-vector-layer>
         <ol-source-vector :features="geoJsonFeatures" :format="geoJson" />
         <ol-style>
             <ol-style-icon :src="markerIcon" :scale="0.8"></ol-style-icon>
         </ol-style>
     </ol-vector-layer>
 </ol-map>

const center = ref([-84.570812, 33.907047]);
const projection = ref('EPSG:4326');
const zoom = ref(5.75);
const rotation = ref(0);
const markerIcon = ref('/images/partnership/logo.png');
const geoJson = new GeoJSON();

const geoJsonFeatures = computed(() => {
    const features = getFilteredApplicatorsList()
        .filter(applicator => !isNaN(parseFloat(applicator.applicatorLat!)) && !isNaN(parseFloat(applicator.applicatorLong!)))
        .map((applicator, i) => {
            return {
                type: "Feature",
                properties: {},
                geometry: {
                    type: "Point",
                    coordinates: [parseFloat(applicator.applicatorLong), parseFloat(applicator.applicatorLat)],
                }
            };
        });

    return geoJson.readFeatures({
        type: "FeatureCollection",
        features
    });
});