Next.js 15 (App Router) - React-Leaflet Popups Not Showing in Production

[wheat bolt]

Hi everyone,

I'm having an issue with react-leaflet popups not displaying in my Next.js 15 application (using App Router) when built for production. Everything works perfectly in development (next dev) – markers appear, and popups show on click. However, after building (next build) and starting (next start) for production, markers are visible, but popups icon simply do not appear.

What I've tried so far (without success):

CSS Loading: Ensured leaflet.css is imported globally (e.g., in layout.js).
Client Component: My map component uses "use client".

It seems the Popup component either isn't rendering its HTML or isn't inserting it into the DOM in the production build.

Any insights or suggestions would be greatly appreciated!
Thanks!

[hidden atlas]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[gentle patio]

We can debug it together, tell me when you have some time @wheat bolt