ff

ajaynegi45 · Oct 3, 2024 · 62fa2bf · 62fa2bf
1 parent 11eeaeb
commit 62fa2bf
Show file tree

Hide file tree

Showing 5 changed files with 67 additions and 12 deletions.
diff --git a/next.config.js b/next.config.js
@@ -0,0 +1,14 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+    reactStrictMode: true,
+    webpack: (config) => {
+      config.resolve.alias = {
+        ...config.resolve.alias,
+        'leaflet': require.resolve('leaflet'),
+      };
+      return config;
+    },
+  };
+
+  module.exports = nextConfig;
+
diff --git a/next.config.mjs b/next.config.mjs
@@ -30,4 +30,5 @@ const nextConfig = {
 
 };
 
+
 export default nextConfig;
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -10,12 +10,14 @@
   },
   "dependencies": {
     "@vercel/speed-insights": "^1.0.12",
+    "leaflet": "^1.9.4",
     "next": "14.2.5",
     "react": "^18",
-    "react-dom": "^18"
+    "react-dom": "^18",
+    "react-leaflet": "^4.2.1"
   },
   "devDependencies": {
-    "@types/node": "^20",
+    "@types/node": "22.7.4",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "eslint": "^8",

diff --git a/src/components/Mapcomponent.js b/src/components/Mapcomponent.js
@@ -1,10 +1,13 @@
 "use client";
 import 'leaflet/dist/leaflet.css';
+import dynamic from 'next/dynamic';
 import React, { useState } from 'react';
 import { MapContainer, TileLayer, Marker, Popup, GeoJSON } from 'react-leaflet';
 import L from 'leaflet';
 import 'leaflet/dist/leaflet.css';
 
+
+
 import uttarakhandBoundary from '../components/uttarakhand.json'; // existing import
 
 // Fix for default marker icon issue in React
Original file line number	Diff line number	Diff line change
Expand Up		@@ -30,4 +30,5 @@ const nextConfig = {

		};


		export default nextConfig;