Estoy tratando de mostrar una nueva página y comenzar a navegar automáticamente cada vez que el usuario ingresa ambas ubicaciones en el campo de entrada. Para eso estoy usando el método useEffect. Pero el objeto creado no funciona como se esperaba y me da un error como

, or ) expected

 ESLint: Parsing error: Unexpected token, expected "," Expecting newline or semicolon

Alguien me puede ayudar. Como estoy aprendiendo, soy nuevo en todo esto. He encontrado casi el mismo problema antes. Pero logré arreglarlo. Puede ser un problema con el objeto. Cualquiera que pueda resolver esto, por favor explíquelo en detalle. El código es el siguiente:

 import React, {useEffect, useState} from 'react'; import {View, TextInput, SafeAreaView} from 'react-native'; import {GooglePlacesAutocomplete} from 'react-native-google-places-autocomplete'; import styles from './styles'; const DestinationSearch = props => { const [originPlace, setOriginPlace] = useState({initalState: 'null'}); const [destinationPlace, setDestinationPlace] = useState({ initalState: 'null', }); useEffect(effect:()=>{ if(originPlace && destinationPlace) {} },deps[originPlace, destinationPlace]) return ( <SafeAreaView> <View style={styles.container}> <GooglePlacesAutocomplete placeholder="From where?" onPress={( data: GooglePlaceData, details: GooglePlaceDetail | null = null, ) => { setDestinationPlace({value: {data, details}}); console.log(data, details); }} styles={{ textInput: styles.textInput, }} fetchDetails query={{ key: 'AIzaSyB3rsn2ecpXZ8p9d8J_kLIH59rxt9KV6Rs', language: 'en', }} /> <GooglePlacesAutocomplete placeholder="Where to?" onPress={( data: GooglePlaceData, details: GooglePlaceDetail | null = null, ) => { setDestinationPlace({value: {data, details}}); console.log(data, details); }} styles={{ textInput: styles.textInput, }} fetchDetails query={{ key: 'AIzaSyB3rsn2ecpXZ8p9d8J_kLIH59rxt9KV6Rs', language: 'en', }} /> </View> </SafeAreaView> ); }; export default DestinationSearch;