Markers not displaying on @react-google-maps/api after updating to latest version of Next.js
Unanswered
Miniature Fox Terrier posted this in #help-forum
Miniature Fox TerrierOP
I recently updated my project to use the latest version of Next.js. After the update, I noticed that the markers on my Google Maps (implemented using @react-google-maps/api) are no longer displaying. However, when I revert back to the older version of Next.js, the markers appear as expected.
Steps to Reproduce:
Update to the latest version of Next.js.
Use @react-google-maps/api to implement Google Maps with markers.
Notice that the markers are not displaying.
Expected Behavior:
Markers should display on the map as they do when using the older version of Next.js.
Actual Behavior:
Markers are not displaying on the map after updating to the latest version of Next.js.
Additional information
Next.js version: 13.5.3
@react-google-maps/api version: 2.19.2
Node.js version: 18.14.0
Browser: Chrome or Firefox
Steps to Reproduce:
Update to the latest version of Next.js.
Use @react-google-maps/api to implement Google Maps with markers.
Notice that the markers are not displaying.
Expected Behavior:
Markers should display on the map as they do when using the older version of Next.js.
Actual Behavior:
Markers are not displaying on the map after updating to the latest version of Next.js.
Additional information
Next.js version: 13.5.3
@react-google-maps/api version: 2.19.2
Node.js version: 18.14.0
Browser: Chrome or Firefox
2 Replies
I am not sure about it, maybe because your component is not client component?
Miniature Fox TerrierOP
No, the component says 'use client'. And as I said, it is currently running on version 13.4.13 without any problems. But when I update the latest version, the marker does not appear.