# react-native: useRegion
URL: https://generaltranslation.com/es/docs/react-native/api/helpers/use-region.mdx
---
title: useRegion
description: Referencia de la API para el hook useRegion
---

{/* GENERADO AUTOMÁTICAMENTE: No edites directamente. Edita la plantilla en content/docs-templates/. */}


## Resumen

El hook `useRegion` obtiene la región que el usuario tiene seleccionada actualmente desde el [contexto de `<GTProvider>`](/docs/react-native/api/components/gtprovider).

<Callout>
  `useRegion` es un hook del lado del cliente y *solo puede usarse en componentes del lado del cliente*.
  Asegúrate de que tu aplicación esté envuelta en un [`<GTProvider>`](/docs/react-native/api/components/gtprovider).
</Callout>

Para usarlo del lado del servidor, consulta [`getRegion`](/docs/react-native/api/helpers/get-region).

## Referencia

### Devuelve

`cadena | undefined` — El código de región activo actualmente (p. ej., `"US"`, `"CA"`) o `undefined` si no se ha establecido ninguna región.

***

## Ejemplos

### Uso básico

```jsx title="RegionDisplay.jsx" copy
'use client';
import { useRegion } from 'gt-react-native';

export default function RegionDisplay() {
  const region = useRegion(); // [!code highlight]
  return <p>Current region: {region ?? 'Not set'}</p>;
}
```

***


## Notas

* Devuelve `undefined` si el usuario no ha seleccionado una región.
* La región puede establecerse mediante el componente [`<RegionSelector>`](/docs/react-native/api/components/region-selector) o el hook [`useRegionSelector`](/docs/react-native/api/helpers/use-region-selector).

## Próximos pasos

* Consulta [`getRegion`](/docs/react-native/api/helpers/get-region) para ver el equivalente del lado del servidor.
* Usa [`<RegionSelector>`](/docs/react-native/api/components/region-selector) para que los usuarios elijan su región.
* Usa [`useRegionSelector`](/docs/react-native/api/helpers/use-region-selector) para crear un selector de región personalizado.