Continuamente tengo un problema con país-estado-ciudad en mi aplicación de reacción. El código para extraerlo es el siguiente y el error está justo debajo. No tengo la menor idea y he estado buscando por todos lados.
import { useState, useEffect } from 'react'; import { Box, TextField, Button, InputAdornment } from '@mui/material'; import csc from 'country-state-city'; export const Markups = () => { const [country, setCountry] = useState({}); useEffect(() => { const getStates = async() => { try { let country_abbrv = 'US'; let country = await csc.getCountryByCode(country_abbrv); let temp_states = await csc.getStatesOfCountry(country.isoCode); console.log(temp_states); } catch (err) { console.log(err); } }; getStates(); }) TypeError: Cannot read properties of undefined (reading 'getCountryByCode') at getStates (index.js:13:1) at index.js:22:1 at commitHookEffectListMount (react-dom.development.js:23142:1) at commitPassiveMountOnFiber (react-dom.development.js:24920:1) at commitPassiveMountEffects_complete (react-dom.development.js:24885:1) at commitPassiveMountEffects_begin (react-dom.development.js:24872:1) at commitPassiveMountEffects (react-dom.development.js:24860:1) at flushPassiveEffectsImpl (react-dom.development.js:27032:1) at flushPassiveEffects (react-dom.development.js:26978:1) at commitRootImpl (react-dom.development.js:26929:1)Según sus documentos, ese método no existe en la exportación predeterminada. En su lugar, exporta Ciudad, País, etc.
import { Country, State, City } from 'country-state-city'; City.getCountryByCode(countryCode);