From 62fa2bf9d8086162d70b3446c27d3d9a30cb5193 Mon Sep 17 00:00:00 2001 From: serenade2400 Date: Fri, 4 Oct 2024 01:47:26 +0530 Subject: [PATCH] ff --- next.config.js | 14 +++++++++ next.config.mjs | 1 + package-lock.json | 55 +++++++++++++++++++++++++++------- package.json | 6 ++-- src/components/Mapcomponent.js | 3 ++ 5 files changed, 67 insertions(+), 12 deletions(-) create mode 100644 next.config.js diff --git a/next.config.js b/next.config.js new file mode 100644 index 0000000..ff598a1 --- /dev/null +++ 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; + \ No newline at end of file diff --git a/next.config.mjs b/next.config.mjs index d732e9d..a98070d 100644 --- 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 index 76c4947..5d70863 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,12 +9,14 @@ "version": "0.1.0", "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", @@ -351,6 +353,17 @@ "node": ">=14" } }, + "node_modules/@react-leaflet/core": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/@react-leaflet/core/-/core-2.1.0.tgz", + "integrity": "sha512-Qk7Pfu8BSarKGqILj4x7bCSZ1pjuAPZ+qmRwH5S7mDS91VSbVVsJSrW4qA+GPrro8t69gFYVMWb1Zc4yFmPiVg==", + "license": "Hippocratic-2.1", + "peerDependencies": { + "leaflet": "^1.9.0", + "react": "^18.0.0", + "react-dom": "^18.0.0" + } + }, "node_modules/@rushstack/eslint-patch": { "version": "1.10.3", "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.10.3.tgz", @@ -378,12 +391,13 @@ "dev": true }, "node_modules/@types/node": { - "version": "20.14.11", - "resolved": "https://registry.npmjs.org/@types/node/-/node-20.14.11.tgz", - "integrity": "sha512-kprQpL8MMeszbz6ojB5/tU8PLN4kesnN8Gjzw349rDlNgsSzg90lAVj3llK99Dh7JON+t9AuscPPFW6mPbTnSA==", + "version": "22.7.4", + "resolved": "https://registry.npmjs.org/@types/node/-/node-22.7.4.tgz", + "integrity": "sha512-y+NPi1rFzDs1NdQHHToqeiX2TIS79SWEAw9GYhkkx8bD0ChpfqC+n2j5OXOCpzfojBEBt6DnEnnG9MY0zk1XLg==", "dev": true, + "license": "MIT", "dependencies": { - "undici-types": "~5.26.4" + "undici-types": "~6.19.2" } }, "node_modules/@types/prop-types": { @@ -2815,6 +2829,12 @@ "node": ">=0.10" } }, + "node_modules/leaflet": { + "version": "1.9.4", + "resolved": "https://registry.npmjs.org/leaflet/-/leaflet-1.9.4.tgz", + "integrity": "sha512-nxS1ynzJOmOlHp+iL3FyWqK89GtNL8U8rvlMOsQdTTssxZwCXh8N2NB3GDQOL+YR3XnWyZAxwQixURb+FA74PA==", + "license": "BSD-2-Clause" + }, "node_modules/levn": { "version": "0.4.1", "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz", @@ -3380,6 +3400,20 @@ "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", "dev": true }, + "node_modules/react-leaflet": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/react-leaflet/-/react-leaflet-4.2.1.tgz", + "integrity": "sha512-p9chkvhcKrWn/H/1FFeVSqLdReGwn2qmiobOQGO3BifX+/vV/39qhY8dGqbdcPh1e6jxh/QHriLXr7a4eLFK4Q==", + "license": "Hippocratic-2.1", + "dependencies": { + "@react-leaflet/core": "^2.1.0" + }, + "peerDependencies": { + "leaflet": "^1.9.0", + "react": "^18.0.0", + "react-dom": "^18.0.0" + } + }, "node_modules/reflect.getprototypeof": { "version": "1.0.6", "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.6.tgz", @@ -4133,10 +4167,11 @@ } }, "node_modules/undici-types": { - "version": "5.26.5", - "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz", - "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==", - "dev": true + "version": "6.19.8", + "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz", + "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==", + "dev": true, + "license": "MIT" }, "node_modules/uri-js": { "version": "4.4.1", diff --git a/package.json b/package.json index 98266d6..a86a66e 100644 --- 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 index 8332e19..594cd48 100644 --- 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