Next/React 앱에 마커가 표시되지 않음 | @react-google-maps/api

Marker 컴포넌트 수정

Npm 패키지: @react-google-maps/api

저는 오늘 React Google Map Api로 작업하고 있었는데 마커가 앱에 표시되지 않는 이유를 파악하고 머리를 긁적였습니다. Google 지도 API 확인, 모든 코드 재확인, 오타 재확인, 가져오기 재확인 등 내가 작업하고 있는 파일의 모든 것을 문자 그대로 구성했습니다.

하지만 여전히 작동하지 않습니다. 그리고 더 나쁜 것이 무엇인지 아십니까? console.log()를 시도하면 Marker 구성 요소가 무작위로 나타나서 저 자신과 제가 작성하고 있는 코드에 의문을 갖게 했습니다.

어쨌든 React/NextJS 프로젝트에 React 버전 18이 있는 경우 Marker 구성 요소를 표시하려면 프로젝트에서 StrictMode를 제거해야 합니다.

ReactJS에서 StrictMode 제거

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

에게

ReactDOM.render(
    <App />
  document.getElementById('root')
);

NextJS에서 StrictMode 제거

/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: false
}

그런 다음 코드가 작동하고 Marker 구성 요소가 나타납니다!