Hello, is your problem solved? If i use dyanamic then I will get "Hydration failed because the initial UI does not match what was rendered on the server." Error. What should I do remove this?
i am getting error.. ⨯ node_modules\@react-leaflet\core\lib\context.js (15:44) @ eval ⨯ TypeError: (0 , react__WEBPACK_IMPORTED_MODULE_0__.createContext) is not a function at __webpack_require__ (C:\Users\Administrator\Desktop extproject\map\.next\server\webpack-runtime.js:33:43) at __webpack_require__ (C:\Users\Administrator\Desktop extproject\map\.next\server\webpack-runtime.js:33:43) at eval (./components/Map/Map.js:9:71) at (rsc)/./components/Map/Map.js (C:\Users\Administrator\Desktop extproject\map\.next\server\_rsc_components_Map_Map_js.js:20:1) at Function.__webpack_require__ (C:\Users\Administrator\Desktop extproject\map\.next\server\webpack-runtime.js:33:43) null can you please help me?
I was having this issue when my file name was lower case 'map', try changing it to upper case 'Map' I also do not use the index.js to avoid ssr, I just put 'use client'; at the top of Map.js
@@halfword I took a look at the repo , I tried to implement it with the new NextJs 13 using the new "app" directory , where the all components are SSR unless you put "use client" on the first line of component . I tried this and the map didn't load completely.
the tiny and blurred font, together with your quite voice, making this video unusable. too bad, because the content is interesting. why not zoom in on what your'e doing?
You just "save my life", I was "spinning" with this "window" error, thank you man!
🫰
Hello, is your problem solved? If i use dyanamic then I will get "Hydration failed because the initial UI does not match what was rendered on the server." Error. What should I do remove this?
i am getting error..
⨯ node_modules\@react-leaflet\core\lib\context.js (15:44) @ eval
⨯ TypeError: (0 , react__WEBPACK_IMPORTED_MODULE_0__.createContext) is not a function
at __webpack_require__ (C:\Users\Administrator\Desktop
extproject\map\.next\server\webpack-runtime.js:33:43)
at __webpack_require__ (C:\Users\Administrator\Desktop
extproject\map\.next\server\webpack-runtime.js:33:43)
at eval (./components/Map/Map.js:9:71)
at (rsc)/./components/Map/Map.js (C:\Users\Administrator\Desktop
extproject\map\.next\server\_rsc_components_Map_Map_js.js:20:1)
at Function.__webpack_require__ (C:\Users\Administrator\Desktop
extproject\map\.next\server\webpack-runtime.js:33:43)
null
can you please help me?
I was having this issue when my file name was lower case 'map', try changing it to upper case 'Map'
I also do not use the index.js to avoid ssr, I just put 'use client'; at the top of Map.js
I put "use client;" on first line.
W tutorial fr, I've been battling with that window error for a whole day now, thank you so much
yw!
Thank you so much this helped me much greater than even you can imagine
Thank You you for this perfect solution for my silly problems.
I'm getting errors trying to use it with Next 13.0.1
Bless you man... helped me a lot
Map container is already initialized. error
congrats! thanks you helped me!
thanks, that window error was killling me
Awesome, helped a lot. Thanks!
It helped me a lot .. Thanks to halfword
I love you man :(___ You saved My Freaking life!
🫰
Bro it's so hard to read what you're typing, at leat make the font bigger...
my b
Thank you!!!!
Can you provide me the code bcuz i am getting an element undefined error after trying to import Map from index file...
Yeah, I’ll put it on my GitHub later today :)
@@halfword can you provide me your github profile?
@@gamingwithking262 github.com/cmonyeba/nextjs-leaflet.git
I'm getting the same. Did you manage to fix it?
Thank you
For what?
Change your zoom and scope of record view in next video please!
will do :)
plz link source in description
Are you have source code?
sadly not anymore
Thanks for the tutorial ✌️
It works very well , but i tried to implement this way for NextJs 13 using app folder , but it doesn't work.
No problem! In one of the other comments I posted the GitHub link for a reference.
@@halfword I took a look at the repo , I tried to implement it with the new NextJs 13 using the new "app" directory , where the all components are SSR unless you put "use client" on the first line of component .
I tried this and the map didn't load completely.
it got this error in Nextjs 13. " Error: ctor is not a function"
Problem is solved now. I put 'use client' at the beginning of Map.js. Don't need dynamic function for ssr false.
@@htunaung376 but the map loaded completely?
the tiny and blurred font, together with your quite voice, making this video unusable. too bad, because the content is interesting. why not zoom in on what your'e doing?
im lazy