Property 'radius' does not exist on type 'SuperClusterViewportOptions'

[djbanana1]

Steps to reproduce

1. Use MarkeerClusterer
2. Our project is using these versions:

"devDependencies": {
  "@types/google.maps": "3.54.3"
},
"peerDependencies": {
  "@angular/common": ">=16.0.3",
  "@angular/core": ">=16.0.3",
  "@angular/google-maps": ">=16.0.1",
  "@angular/material": ">=16.0.1",
  "@googlemaps/js-api-loader": "1.16.2",
  "@googlemaps/markerclusterer": "2.5.1",
  "@megaphone/bases": ">=5.9.10",
  "@megaphone/pipes": ">=5.9.6",
  "@megaphone/geolocation": ">=5.9.2"
},

Problem

After serving the project, we are getting this error:

Using this version:

 "@googlemaps/markerclusterer": "2.5.1",

Works without creating an error

[wangela]

If you would like to upvote the priority of this issue, please comment below or react on the original post above with 👍 so we can see what is popular when we triage.

@djbanana1 Thank you for opening this issue. 🙏
Please check out these other resources that might help you get to a resolution in the meantime:

• Check the issue tracker - bugs and feature requests for Google Maps Platform APIs and SDKs
• Open a support case - Get 1:1 support in Cloud Console.
• Discord - chat with other developers
• StackOverflow - use the google-maps tag

This is an automated message, feel free to ignore.

[RomanTikhonov]

I have the same problem 😢

[iSpid3r]

The problem is still relevant.

[octavvartan]

The same problem

[gregorgabrovsek]

I had the same issue and solved it by executing the following command:

npm i --save-dev @types/supercluster @types/google.maps

If you're using Angular, you may also need to add this to the value of the angularCompilerOptions key in your tsconfig.json file:

"angularCompilerOptions": {
    ...
    "allowSyntheticDefaultImports": true
    ...
}

[raphant]

I had the same issue and solved it by executing the following command:

npm i --save-dev @types/supercluster @types/google.maps

If you're using Angular, you may also need to add this to the value of the angularCompilerOptions key in your tsconfig.json file:

"angularCompilerOptions": {
    ...
    "allowSyntheticDefaultImports": true
    ...
}

This worked for me!