map.morph가 작동하지 않습니다.
안녕하세요 강사님, 좋은 강의 잘 듣고 있습니다!
다름 아니라, 아래 캡쳐와 같이(캡쳐하기 위해 일부러 sleep을 걸고 진행했습니다.),
resetMapOptions를 실행하면서, morph를 못찾겠다면서 그냥 화면을 새로고침만 해버립니다.
제가 사용하는 환경은 아래와 같고,
"next": "^13.4.9",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"@types/navermaps": "^3.6.5",next.config.js도 말씀주신대로 잘 따라했고
/** @type {import('next').NextConfig} */
const nextConfig = {
reactStrictMode: false,
}
module.exports = nextConfig모든 컴포넌트 제일 상단에 'use client'도 명시했는데 왜 안되는지 모르겠네요 ㅜㅜ 도움주시면 감사하겠습니다..! 어쩌면 버전의 문제일 수도 있을 것 같은데.. 주변에 물어볼 사람이 없어서 강사님께 한 번 고민 부탁드려봅니다!
감사합니다.
답변 1
1
안녕하세요! 코드를 확인해보니 SWR의 map 상태에 올바른 값이 들어있지 않아서 발생하는 문제입니다.
useMap hook에 initializeMap 함수가 있지만, 현재 코드상으론 이 함수를 사용하지 않고 console.log('load!') 만 수행하고 있는 상황입니다. 즉, map.morph에서 map이 undefined이기 때문에 에러가 발생합니다.
Map.tsx에서 onReady가 trigger되었을 때, 적절하게 useMap hook의 initializeMap 함수를 호출하면 해결됩니다. 강의에서 제공해드린 소스 코드도 참고하시면 도움이 될 것 같습니다!
감사합니다 :)
API 라우터를 사용해야 하는 경우에 대해
1
150
1
키보드 어떤 거 사용하시나요
1
351
1
next.js 멀티플 런타임 관련해서 질문 올립니다..
1
358
2
아주 기초적인 질문입니다.
1
321
1
서버사이드 렌더링을 할 때, 서버는 어디에 있는 건가요?
1
1170
2
수업을 듣다가 SSR에 관하여..
1
551
2
interface 와 type
1
375
1
엘리맨트들의 자식관계가 어떻게 이렇게 되나 궁금합니다.
1
383
1
onLoad함수 (script태그의 onLoad X)
1
426
1
dynamic에 대한 질문
1
447
1
SSR vs SSG
1
476
2
NoSSR 관련한 질문입니다:)
1
375
1
a tag 질문 !
1
327
2
8분 20초 배포 관련
1
324
2
안녕하세요! 구글 서치 콘솔에 등록하는 도중 다음 오류가 뜹니다
0
2678
2
emotion styles 파일이 빌드시 경고로 뜹니다.
1
438
1
naver map 이 출력되지 않습니다.
1
481
1
페이지에 site맵 존재시 next Link는 csr 처럼 싹가져오게 되나요?
1
263
2
Failed to load resource: the server responded with a status of 404 ()
1
1033
2
VSCode 익스텐션 궁금합니다.
1
354
1
상태관리 질문 있습니다!
1
448
1
swr에 대한 질문입니다. (용어 관련)
1
372
1
swr 질문입니다!
1
336
1
안녕하세요. span 태그의 부모에 display: flex 를 적용하는데 왜 적용되는지 아무리 생각해도 이해가 되지 않아 질문드립니다.
1
678
2