how to Load my mapId

[jeonghun-project]

i want to load my custom map style from mapId
when use LoadScript add mapids my mapId

but is not working

only display without style

this is my Code

import { GoogleMap, LoadScript } from '@react-google-maps/api'
import { CoffeeMapContainer } from './CoffeeMap.style'

export default function CoffeeMap() {
  return (
    <CoffeeMapContainer>
      <LoadScript
        mapIds={['mymapId']} // add here my mapId
        googleMapsApiKey={process.env.REACT_APP_GOOGLE_API_KEY as string}>
        <GoogleMap
          zoom={7}
          center={{ lat: -34.397, lng: 150.644 }}
          mapContainerStyle={{
            width: '100%',
            height: '100%',
          }}
        />
      </LoadScript>
    </CoffeeMapContainer>
  )

what's the matter?

[jeonghun-project]

      <LoadScript
        mapIds={['mymapid']}
        googleMapsApiKey={process.env.REACT_APP_GOOGLE_API_KEY as string}>
        <GoogleMap
          zoom={2.3}
          center={{ lat: 0, lng: 150.644 }}
          mapContainerStyle={{
            width: '100%',
            height: '100%',
          }}
 options={{
            mapId: 'mymapid',
          }}
        />