# gt-react: General Translation React SDK: useRegion
URL: https://generaltranslation.com/it/docs/react/api/helpers/use-region.mdx
---
title: useRegion
description: Riferimento API dell'hook useRegion
---

{/* GENERATO AUTOMATICAMENTE: non modificare direttamente. Modifica invece il template in content/docs-templates/. */}


## Panoramica

L&#39;hook `useRegion` ottiene la regione attualmente selezionata dall&#39;utente dal [`contesto di <GTProvider>`](/docs/react/api/components/gtprovider).

<Callout>
  `useRegion` è un hook lato client e *può essere usato solo nei componenti lato client*.
  Assicurati che la tua app sia avvolta da un [`<GTProvider>`](/docs/react/api/components/gtprovider).
</Callout>

## Riferimento

### Restituisce

`string | undefined` — Il codice della regione attualmente attiva (ad es. `"US"`, `"CA"`), oppure `undefined` se non è stata impostata alcuna regione.

***

## Esempi

### Uso di base

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

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

***


## Note

* Restituisce `undefined` se l&#39;utente non ha selezionato una regione.
* La regione può essere impostata tramite il componente [`<RegionSelector>`](/docs/react/api/components/region-selector) o l&#39;hook [`useRegionSelector`](/docs/react/api/helpers/use-region-selector).

## Passaggi successivi

* Usa [`<RegionSelector>`](/docs/react/api/components/region-selector) per permettere agli utenti di scegliere la propria regione.
* Usa [`useRegionSelector`](/docs/react/api/helpers/use-region-selector) per creare un selettore di regione personalizzato.