Error: Exception in HostFunction

[leoquintara]

Describe the bug

Error: Exception in HostFunction: Expected argument 7 of method "sendRequest" to be a number, but got undefined, js engine: hermes

Reproduction - (required - issue will be closed without this)

JSX React native 0.79.1

Please provide a FULLY REPRODUCIBLE example.

Click to expand!

  <GooglePlacesAutocomplete
      minLength={4}
      debounce={400}
      isNewPlacesAPI={true}
      enableHighAccuracyLocation={true}
      enablePoweredByContainer={false}
      placeholder={placeholder || trans('location.map.search')}
      predefinedPlaces={[]}
      GooglePlacesDetailsQuery={{fields: ['formated_address', 'geometry']}}
      onPress={handlePlaceSelect}
      query={{
        language,
        components: language === 'es' ? 'country:mx' : 'country:us',
        key: GMAPS_ANDROID,
      }}
      fetchDetails={true}
      isRowScrollable={true}
      styles={{
        textInputContainer: {
          ...styles.textInputContainer,
          ...stylesRounded,
          ...themeStyle,
        },
        textInput: {
          ...styles.textInput,
          ...stylesRounded,
        },
      }}
      renderRightButton={() => <Svg icon="search" w={24} />}
      renderRow={renderSuggestion}
      textInputProps={{
        onFocus: () => console.log('focus'),
        onBlur: () => console.log('blur'),
      }}
    />
  

Additional context

• Library Version: latest

• React Native Version: 0.79.1

• iOS

• [ *] Android

• Web

If you are using expo please indicate here:

• I am using expo

Add any other context about the problem here, screenshots etc

Cuando se integra el componente con la nuav api de places en el modulo no se setea correctamente el api key d eGoogle, es necesario pasarla en la prop requestUrl para que el error desaparezca

requestUrl={{
headers: {
'X-Goog-Api-Key': GMAPS_ANDROID,
}
}}

[CrAcKy-glitch]

`<GooglePlacesAutocomplete
placeholder="Search for a Location"
renderLeftButton={() => (



)}
renderRow={(data) => (

        <TextPrimary className="text-black text-sm ml-2 w-[62%]">
          {data.description}
        </TextPrimary>
      </View>
    )}
    textInputProps={{ placeholderTextColor: "#000" }}
    styles={{
      container: {
        flex: 0,
        width: "100%",
        marginTop: 10,
        paddingHorizontal: 16,
      },
      textInput: {
        backgroundColor: "#F9F9F9",
        height: 44,
        borderRadius: 12,
        paddingVertical: 5,
        paddingHorizontal: 15,
        fontSize: 16,
        color: "#333",
        borderColor: "#E0E0E0",
        borderWidth: 1,
      },
      listView: {
        width: "120%",
        alignSelf: "center",

        borderRadius: 12,
        marginTop: 10,
        padding: 10,

        shadowOffset: { width: 0, height: 2 },
        shadowOpacity: 0.1,
        shadowRadius: 0,
        elevation: 10,
      },
      row: {
        flexDirection: "row",
        alignItems: "center",
        paddingVertical: 12,
        paddingHorizontal: 15,
        borderBottomWidth: 1,
        borderBottomColor: "#E0E0E0",
      },
      description: {
        fontSize: 14,
        color: "black",
        marginLeft: 0,
      },
    }}
    onPress={async (data, details = null) => {
      if (details) {
        const { lat, lng } = details.geometry?.location;
        const addressComponents = details.address_components;

        // Helper to extract a specific component type
        const getComponent = (type) =>
          addressComponents.find((comp) => comp.types.includes(type))
            ?.long_name || "";

        const pincode = getComponent("postal_code");
        const city =
          getComponent("locality") ||
          getComponent("administrative_area_level_2");
        const state = getComponent("administrative_area_level_1");

        setPlaceSearchInput(false);

        if (from) {
          if (parcel) {
            parcelLocationHandler(
              lat,
              lng,
              data.description,
              true,
              pincode,
              city,
              state
            );
          } else {
            fromLocationHandler(lat, lng, data.description);
          }
        } else if (to) {
          if (parcel) {
            parcelLocationHandler(
              lat,
              lng,
              data.description,
              false,
              pincode,
              city,
              state
            );
          } else {
            toLocationHandler(lat, lng, data.description);
          }
        }
      }
    }}
    query={{
      key: GOOGLE_MAPS_API_KEY,
      language: "en",
      components: "country:in",
    }}
    enablePoweredByContainer={false}
    predefinedPlaces={[]}
    autoFillOnNotFound={false}
    currentLocation={false}
    currentLocationLabel="Current location"
    debounce={100}
    disableScroll={false}
    enableHighAccuracyLocation={true}
    filterReverseGeocodingByTypes={[]}
    GooglePlacesDetailsQuery={{}}
    fetchDetails={true}
    GoogleReverseGeocodingQuery={{}}
    isRowScrollable={true}
    keyboardShouldPersistTaps="always"
    listHoverColor="#ececec"
    listUnderlayColor="#c8c7cc"
    listViewDisplayed="auto"
    keepResultsAfterBlur={false}
    minLength={0}
    nearbyPlacesAPI="GooglePlacesSearch"
    numberOfLines={1}
    onFail={(e) => {
      console.warn("Google Place Failed : ", e);
    }}
    onNotFound={() => {}}
    onTimeout={() =>
      console.warn("google places autocomplete: request timeout")
    }
    predefinedPlacesAlwaysVisible={false}
    suppressDefaultStyles={false}
    textInputHide={false}
    timeout={20000}
    isNewPlacesAPI={false}
    fields="*"
  />
  `

try this out this should fix your problem

[leoquintara]

Hello, I was trying with the code provided and nothing, it doesn't work. It also didn't show me an error in the methods, it just doesn't show the list of suggestions from the google maps api Obtener Outlook para Android<https://aka.ms/AAb9ysg>

…

________________________________ From: Ansh Arora ***@***.***> Sent: Monday, May 26, 2025 4:11:18 AM To: FaridSafi/react-native-google-places-autocomplete ***@***.***> Cc: Leonardo Quintana Juarez ***@***.***>; Author ***@***.***> Subject: Re: [FaridSafi/react-native-google-places-autocomplete] Error: Exception in HostFunction (Issue #975) [https://avatars.githubusercontent.com/u/63924025?s=20&v=4]CrAcKy-glitch left a comment (FaridSafi/react-native-google-places-autocomplete#975)<#975 (comment)> `<GooglePlacesAutocomplete placeholder="Search for a Location" renderLeftButton={() => ( )} renderRow={(data) => ( [X] <TextPrimary className="text-black text-sm ml-2 w-[62%]"> {data.description} </TextPrimary> </View> )} textInputProps={{ placeholderTextColor: "#000" }} styles={{ container: { flex: 0, width: "100%", marginTop: 10, paddingHorizontal: 16, }, textInput: { backgroundColor: "#F9F9F9", height: 44, borderRadius: 12, paddingVertical: 5, paddingHorizontal: 15, fontSize: 16, color: "#333", borderColor: "#E0E0E0", borderWidth: 1, }, listView: { width: "120%", alignSelf: "center", borderRadius: 12, marginTop: 10, padding: 10, shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.1, shadowRadius: 0, elevation: 10, }, row: { flexDirection: "row", alignItems: "center", paddingVertical: 12, paddingHorizontal: 15, borderBottomWidth: 1, borderBottomColor: "#E0E0E0", }, description: { fontSize: 14, color: "black", marginLeft: 0, }, }} onPress={async (data, details = null) => { if (details) { const { lat, lng } = details.geometry?.location; const addressComponents = details.address_components; // Helper to extract a specific component type const getComponent = (type) => addressComponents.find((comp) => comp.types.includes(type)) ?.long_name || ""; const pincode = getComponent("postal_code"); const city = getComponent("locality") || getComponent("administrative_area_level_2"); const state = getComponent("administrative_area_level_1"); setPlaceSearchInput(false); if (from) { if (parcel) { parcelLocationHandler( lat, lng, data.description, true, pincode, city, state ); } else { fromLocationHandler(lat, lng, data.description); } } else if (to) { if (parcel) { parcelLocationHandler( lat, lng, data.description, false, pincode, city, state ); } else { toLocationHandler(lat, lng, data.description); } } } }} query={{ key: GOOGLE_MAPS_API_KEY, language: "en", components: "country:in", }} enablePoweredByContainer={false} predefinedPlaces={[]} autoFillOnNotFound={false} currentLocation={false} currentLocationLabel="Current location" debounce={100} disableScroll={false} enableHighAccuracyLocation={true} filterReverseGeocodingByTypes={[]} GooglePlacesDetailsQuery={{}} fetchDetails={true} GoogleReverseGeocodingQuery={{}} isRowScrollable={true} keyboardShouldPersistTaps="always" listHoverColor="#ececec" listUnderlayColor="#c8c7cc" listViewDisplayed="auto" keepResultsAfterBlur={false} minLength={0} nearbyPlacesAPI="GooglePlacesSearch" numberOfLines={1} onFail={(e) => { console.warn("Google Place Failed : ", e); }} onNotFound={() => {}} onTimeout={() => console.warn("google places autocomplete: request timeout") } predefinedPlacesAlwaysVisible={false} suppressDefaultStyles={false} textInputHide={false} timeout={20000} isNewPlacesAPI={false} fields="*" /> ` try this out this should fix your problem — Reply to this email directly, view it on GitHub<#975 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AHHVBCOSUYQE2EPIREBICHT3ALSENAVCNFSM6AAAAAB5MA7MF2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDSMBZGE3TOMJQGU>. You are receiving this because you authored the thread.Message ID: ***@***.***>

[leoquintara]

The new places api needs to be correctly adapted since the endpoint used in the package does not correspond to the endpoint provided by google for the api and the additional parameters that the endpoint requests via http headers Obtener Outlook para Android<https://aka.ms/AAb9ysg>

…

________________________________ From: Leonardo Quintana Juarez ***@***.***> Sent: Wednesday, May 28, 2025 9:38:31 AM To: FaridSafi/react-native-google-places-autocomplete ***@***.***>; FaridSafi/react-native-google-places-autocomplete ***@***.***> Cc: Author ***@***.***> Subject: Re: [FaridSafi/react-native-google-places-autocomplete] Error: Exception in HostFunction (Issue #975) Hello, I was trying with the code provided and nothing, it doesn't work. It also didn't show me an error in the methods, it just doesn't show the list of suggestions from the google maps api Obtener Outlook para Android<https://aka.ms/AAb9ysg>

________________________________ From: Ansh Arora ***@***.***> Sent: Monday, May 26, 2025 4:11:18 AM To: FaridSafi/react-native-google-places-autocomplete ***@***.***> Cc: Leonardo Quintana Juarez ***@***.***>; Author ***@***.***> Subject: Re: [FaridSafi/react-native-google-places-autocomplete] Error: Exception in HostFunction (Issue #975) [https://avatars.githubusercontent.com/u/63924025?s=20&v=4]CrAcKy-glitch left a comment (FaridSafi/react-native-google-places-autocomplete#975)<#975 (comment)> `<GooglePlacesAutocomplete placeholder="Search for a Location" renderLeftButton={() => ( )} renderRow={(data) => ( [X] <TextPrimary className="text-black text-sm ml-2 w-[62%]"> {data.description} </TextPrimary> </View> )} textInputProps={{ placeholderTextColor: "#000" }} styles={{ container: { flex: 0, width: "100%", marginTop: 10, paddingHorizontal: 16, }, textInput: { backgroundColor: "#F9F9F9", height: 44, borderRadius: 12, paddingVertical: 5, paddingHorizontal: 15, fontSize: 16, color: "#333", borderColor: "#E0E0E0", borderWidth: 1, }, listView: { width: "120%", alignSelf: "center", borderRadius: 12, marginTop: 10, padding: 10, shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.1, shadowRadius: 0, elevation: 10, }, row: { flexDirection: "row", alignItems: "center", paddingVertical: 12, paddingHorizontal: 15, borderBottomWidth: 1, borderBottomColor: "#E0E0E0", }, description: { fontSize: 14, color: "black", marginLeft: 0, }, }} onPress={async (data, details = null) => { if (details) { const { lat, lng } = details.geometry?.location; const addressComponents = details.address_components; // Helper to extract a specific component type const getComponent = (type) => addressComponents.find((comp) => comp.types.includes(type)) ?.long_name || ""; const pincode = getComponent("postal_code"); const city = getComponent("locality") || getComponent("administrative_area_level_2"); const state = getComponent("administrative_area_level_1"); setPlaceSearchInput(false); if (from) { if (parcel) { parcelLocationHandler( lat, lng, data.description, true, pincode, city, state ); } else { fromLocationHandler(lat, lng, data.description); } } else if (to) { if (parcel) { parcelLocationHandler( lat, lng, data.description, false, pincode, city, state ); } else { toLocationHandler(lat, lng, data.description); } } } }} query={{ key: GOOGLE_MAPS_API_KEY, language: "en", components: "country:in", }} enablePoweredByContainer={false} predefinedPlaces={[]} autoFillOnNotFound={false} currentLocation={false} currentLocationLabel="Current location" debounce={100} disableScroll={false} enableHighAccuracyLocation={true} filterReverseGeocodingByTypes={[]} GooglePlacesDetailsQuery={{}} fetchDetails={true} GoogleReverseGeocodingQuery={{}} isRowScrollable={true} keyboardShouldPersistTaps="always" listHoverColor="#ececec" listUnderlayColor="#c8c7cc" listViewDisplayed="auto" keepResultsAfterBlur={false} minLength={0} nearbyPlacesAPI="GooglePlacesSearch" numberOfLines={1} onFail={(e) => { console.warn("Google Place Failed : ", e); }} onNotFound={() => {}} onTimeout={() => console.warn("google places autocomplete: request timeout") } predefinedPlacesAlwaysVisible={false} suppressDefaultStyles={false} textInputHide={false} timeout={20000} isNewPlacesAPI={false} fields="*" /> ` try this out this should fix your problem — Reply to this email directly, view it on GitHub<#975 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AHHVBCOSUYQE2EPIREBICHT3ALSENAVCNFSM6AAAAAB5MA7MF2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDSMBZGE3TOMJQGU>. You are receiving this because you authored the thread.Message ID: ***@***.***>

[aaronksaunders]

so what is the solution right now to continue to use this package, should i roll back to an older version?

[jophuijbers-wf]

Also running into this problem

[leoquintara]

so what is the solution right now to continue to use this package, should i roll back to an older version?

Rollback to a previous version works or performing a custom implementation from your own backend like I did

[wilav-dev]

Set defaults value to the following props:

debounce={200}
timeout={20000}
minLength={3}
predefinedPlaces={[]}

[Nayan-Infynno]

Set defaults value to the following props:

debounce={200} timeout={20000} minLength={3} predefinedPlaces={[]}

These things work for me.

[alorr10]

RN 0.79/Expo 53 changed the Android Networking.sendRequest signature. If a prop that used to be optional is undefined now, Hermes throws:

Expected argument 7 of method “sendRequest” to be a number
react-native-google-places-autocomplete sends an undefined timeout when you don’t pass one. That maps to arg #7 on the native side.

[aquillesf]

Hey, I was having the same issues.

Set defaults value to the following props:

debounce={200} timeout={20000} minLength={3} predefinedPlaces={[]}

I managed to fix it using these settings in GooglePlacesAutocomplete.
I also resolved it by switching to an older version that didn’t have this bug.

[Jorge-Luis-Rangel-Peralta]

predefinedPlaces

this worked for me

[Martinnord]

The solution provided by @wilav-dev didn't work for me sadly.

Here's my versions:

"react-native-google-places-autocomplete": "^2.5.6",
"react-native": "0.79.5",
"expo": "^53.0.22",

[Rathilesh]

The solution provided by @wilav-dev didn't work for me sadly.

Here's my versions:

"react-native-google-places-autocomplete": "^2.5.6",
"react-native": "0.79.5",
"expo": "^53.0.22",

same issue here , did you manage to fix this issue ?