Hi Some time ago, one of my colleagues asked a question about the 3D buildings of your library, which you did not answer. I've also asked on stackoverflow, but still no answers. How can we build 3D buildings on polygons?

Bug report in v4

Before opening an issue, make sure to read the contributing guide and understand this is a bug tracker, not a support platform.

Please make sure to check the following boxes before submitting an issue.
Issues opened without using this template will be closed unless they have a good reason not to follow this template.

• [x] All peer dependencies are installed: React, ReactDOM and Leaflet.
• [x] Using the latest version of React and ReactDOM v18.
• [x] Using the supported version of Leaflet (v1.8.0 minimum) and its corresponding CSS file is loaded.
• [x] Using the latest v4 version of React-Leaflet.
• [x] The issue has not already been reported.
• [x] Make sure you have followed the quick start guide for Leaflet.
• [x] Make sure you have fully read the documentation and that you understand the limitations.

Expected behavior

No error

Actual behavior

I'm using NextJS 13.0.7, dynamically import MapContainer component without SSR. I get this error only in production build

Steps to reproduce

Just use the basic example

Bug report in v4

Expected behavior

Should function as leaflet JS.

Actual behavior

Broken maps, not functioning at all

Steps to reproduce

Go quickly to the sandbox and you will know quickly: https://codesandbox.io/s/react-leaflet-bug-sw6i8o?file=/src/App.js

So I have coded a map using react-leaflet and I and I am trying to add gradient when the user clicks on the map but unfortunately, it's not working Here is the code

const style = (feature: any) => {
    return {
      fillColor:
        feature?.properties.StateName === stateName ? "red" : "green",
      // ? linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,41,121,1) 39%, rgba(17,68,87,1) 65%, rgba(0,212,255,1) 81%)
      // : linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(121,111,9,1) 35%, rgba(0,212,255,1) 100%),
      weight: 1,
      opacity: 1,
      color:
        feature?.properties.StateName === stateName ? "#FFFFFF" : "#252117",
      border: "0.1px solid #000000",
    };
  };
// passing to component like this 
 <GeoJSON
        key={index}
        data={boundary}
        style={style}
        onEachFeature={eachFeature}
      />

How can I add a gradient? Note: Red and green colors are working as per the need but when I switch them with the desired gradient I get a black map

Bug report in v4

Before opening an issue, make sure to read the contributing guide and understand this is a bug tracker, not a support platform.

Please make sure to check the following boxes before submitting an issue.
Issues opened without using this template will be closed unless they have a good reason not to follow this template.

• [x] All peer dependencies are installed: React, ReactDOM and Leaflet.
• [x] Using the latest version of React and ReactDOM v18.
• [x] Using the supported version of Leaflet (v1.8.0 minimum) and its corresponding CSS file is loaded.
• [x] Using the latest v4 version of React-Leaflet.
• [x] The issue has not already been reported.
• [x] Make sure you have followed the quick start guide for Leaflet.
• [x] Make sure you have fully read the documentation and that you understand the limitations.

Expected behavior

I expect to be able to zoom out more than two times and the app won't crash

Actual behavior

After zooming out on my react-leaflet map on my Ionic and Android app, the app crashes. I get the following errors each time when I check logcat on Android Studio:

[ERROR:shared_context_state.cc(819)] SharedContextState context lost via Skia.
[1203/030423.762223:ERROR:file_io_posix.cc(144)] open /sys/devices/system/cpu/cpu0/cpufreq/scaling_max_freq: Permission denied (13)

This issue only seems to happen on my Pixel 7. On a Pixel 4a there are no problems.

Steps to reproduce

It's a pretty basic layout and works generally. Just doesn't work on Pixel 7. Looks like this

  <MapContainer center={[currLat, currLong]} zoom={13}>

		<TileLayer
		    attribution='&copy; <a href="https://osm.org/copyright">OpenStreetMap</a> contributors'
		    url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
		/>
		
		{mics.map(mic => (
		    <Marker 
			key={mic.id} 
			position ={[
			    mic.mic_lat, 
			    mic.mic_long
		    ]}
			onClick = {() => {
			    setActiveMic(mic);
		    }}
		    >
		    <Popup position={[
			    mic.mic_lat,
			    mic.mic_long]}
		    >
				    <div>
					    
					    <Link to={`/MicProfile/${mic.id}/`}>{mic.mic_name}</Link><br />
					    {mic.mic_showuptime}<br />
					    {mic.mic_day}
	    			    </div>

		    </Popup>
		    	    
		    </Marker>
		))}
			
	    </MapContainer>

Bug report in v4

• [x] All peer dependencies are installed: React, ReactDOM and Leaflet.
• [x] Using the latest version of React and ReactDOM v18.
• [x] Using the supported version of Leaflet (v1.8.0 minimum) and its corresponding CSS file is loaded.
• [x] Using the latest v4 version of React-Leaflet.
• [x] The issue has not already been reported.
• [x] Make sure you have followed the quick start guide for Leaflet.
• [x] Make sure you have fully read the documentation and that you understand the limitations.

Expected behavior

When markers are redendered with permanent tooltips I don't expect a flickering/flashing tooltip replaced for the new one.

Actual behavior

When markers are redendered the tooltips blink/flicker to be replaced by the new ones.

Steps to reproduce

make some state that rerenders the map with markers with tooltips inside.

live example by selecting some marker which rerenders the markers again and tooltip blinks: https://pumptrackmapapp.azurewebsites.net/

code: https://github.com/lluisd/pumptrack-map/blob/main/components/Map/Map.js