title: Attempted import error: 'withLeaflet' is not exported from 'react-leaflet'
body: <p><strong>Code:</strong></p>
  <pre><code>import { withLeaflet} from &quot;react-leaflet&quot;; 
  </code></pre>
  <p>I just want to import the withLeaflet but it gives me this error</p>
  <p><strong>Error:</strong></p>
  <pre><code>Attempted import error: 'withLeaflet' is not exported from 'react-leaflet'.
  </code></pre>
  <p><strong>package.json &gt;dependencies</strong></p>
  <pre><code>&quot;@testing-library/jest-dom&quot;: &quot;^5.11.4&quot;,
  &quot;@testing-library/react&quot;: &quot;^11.1.0&quot;,
  &quot;@testing-library/user-event&quot;: &quot;^12.1.10&quot;,
  &quot;leaflet&quot;: &quot;^1.7.1&quot;,
  &quot;leaflet-rotatedmarker&quot;: &quot;^0.2.0&quot;,
  &quot;react&quot;: &quot;^17.0.1&quot;,
  &quot;react-dom&quot;: &quot;^17.0.1&quot;,
  &quot;react-leaflet&quot;: &quot;^3.0.2&quot;,
  &quot;react-leaflet-rotatedmarker&quot;: &quot;^0.1.0&quot;,
  &quot;react-scripts&quot;: &quot;4.0.1&quot;,
  &quot;web-vitals&quot;: &quot;^0.2.4&quot;
  </code></pre>