React Hooksだけでライブラリ使わずにgoogle mapを利用する(基礎編) - Qiita

// hooks.ts import { useEffect, useState } from "react" import GoogleMapsApiLoader from "google-maps-api-loader" const API_KEY = "XXXXXXXXXXXX" // Google Mapのオブジェクトを呼び出すだけのhooks export const useGoogleMap = (apiKey) => { const [googleMap, setGoogleMap] = useState(null) useEffect(() => { GoogleMapsApiLoader({ apiKey }).then((google) => { setGoogleMap(google) }) }, []) // useEffectの第二引数を[]にすることで、初回1回