Unexpected token '<' return (<decorateMapComponent_1.ProviderContext.Provider value={this.props.provider}> #5582

cryptobench · 2025-06-19T17:47:08Z

cryptobench
Jun 19, 2025

🗺️ What's the correct way to define the Android Google Maps API key with Expo?

There are two conflicting approaches described in the docs:

1. Expo Documentation (MapView)

From the official Expo documentation:
🔗 https://docs.expo.dev/versions/latest/sdk/map-view/#deploy-app-with-google-maps

{
  "android": {
    "config": {
      "googleMaps": {
        "apiKey": "process.env.GOOGLE_MAPS_API_KEY"
      }
    }
  }
}

2. React Native Maps Documentation

From the [react-native-maps](https://github.com/react-native-maps/react-native-maps/blob/master/docs/installation.md) installation guide:

{
  "expo": {
    "plugins": [
      [
        "react-native-maps",
        {
          "iosGoogleMapsApiKey": "YOUR_KEY_HERE",
          "androidGoogleMapsApiKey": "YOUR_KEY_HERE"
        }
      ]
    ]
  }
}

🧪 What I've tried

✅ Attempt 1: Using Expo-style config

{
  "android": {
    "config": {
      "googleMaps": {
        "apiKey": "process.env.GOOGLE_MAPS_API_KEY"
      }
    }
  }
}

After rebuilding the project, I get the following error:

❌ Attempt 2: Using plugin-style config

{
  "expo": {
    "plugins": [
      [
        "react-native-maps",
        {
          "iosGoogleMapsApiKey": "YOUR_KEY_HERE",
          "androidGoogleMapsApiKey": "YOUR_KEY_HERE"
        }
      ]
    ]
  }
}

Then I run:

npx expo prebuild --clean

❗ Result

PluginError: Package "react-native-maps" does not contain a valid config plugin.
Learn more: https://docs.expo.dev/guides/config-plugins/#creating-a-plugin

Unexpected token '<'
/Users/myapp/app/node_modules/react-native-maps/lib/MapView.js:347
        return (<decorateMapComponent_1.ProviderContext.Provider value={this.props.provider}>
                ^

SyntaxError: Unexpected token '<'
    at wrapSafe (node:internal/modules/cjs/loader:1469:18)
    at Module._compile (node:internal/modules/cjs/loader:1491:20)
    at Object..js (node:internal/modules/cjs/loader:1689:10)
    at Module.load (node:internal/modules/cjs/loader:1318:32)
    at Function._load (node:internal/modules/cjs/loader:1128:12)
    at TracingChannel.traceSync (node:diagnostics_channel:315:14)
    at wrapModuleLoad (node:internal/modules/cjs/loader:218:24)
    at Module.require (node:internal/modules/cjs/loader:1340:12)
    at require (node:internal/modules/helpers:141:16)
    at Object.<anonymous> (/Users/myapp/sdriver/app/node_modules/react-native-maps/lib/index.js:33:32)

❓ Question

What is the correct and currently supported way to define the Android Google Maps API key when using:

Expo
react-native-maps

Thanks in advance!

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Unexpected token '<' return (<decorateMapComponent_1.ProviderContext.Provider value={this.props.provider}> #5582

Uh oh!

{{title}}

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

Uh oh!

Unexpected token '<' return (<decorateMapComponent_1.ProviderContext.Provider value={this.props.provider}> #5582

Uh oh!

cryptobench Jun 19, 2025

🗺️ What's the correct way to define the Android Google Maps API key with Expo?

1. Expo Documentation (MapView)

2. React Native Maps Documentation

🧪 What I've tried

✅ Attempt 1: Using Expo-style config

❌ Attempt 2: Using plugin-style config

❗ Result

❓ Question

Replies: 0 comments

cryptobench
Jun 19, 2025