# General Translation React SDKs (gt-react, gt-next): useRegion
URL: https://generaltranslation.com/it/docs/react/reference/hooks/use-region.mdx
---

title: useRegion
description: Leggi la regione attiva con General Translation gt-react. Riferimento API per useRegion.

---

L&#39;hook `useRegion` restituisce la regione attualmente selezionata dall&#39;utente dal contesto di [`<GTProvider>`](/docs/react/reference/components/gt-provider), oppure `undefined` se non ne è stata impostata alcuna.

*Disponibile in `gt-react`, `gt-next` e `gt-react-native`. Gli esempi importano da `gt-react`; importa invece dal pacchetto del framework che utilizzi.*

*Nota: non esportato da `gt-tanstack-start`.*

## Panoramica [#overview]

Chiama `useRegion` per leggere il codice della regione attiva.

```tsx
import { useRegion } from 'gt-react';

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

*Nota: in `gt-react`, richiama `useRegion` all&#39;interno di un [`<GTProvider>`](/docs/react/reference/components/gt-provider). In `gt-next`, funziona anche nei componenti server sincroni.*

## Come funziona [#how-it-works]

La regione viene impostata tramite il componente [`<RegionSelector>`](/docs/react/reference/components/region-selector) o l&#39;hook [`useRegionSelector`](/docs/react/reference/hooks/use-region-selector). Se l&#39;utente non ha selezionato una regione, l&#39;hook restituisce `undefined`.

## Restituisce [#returns]

**Tipo** `string | undefined`

Il codice della regione attiva, ad esempio `US` o `CA`, oppure `undefined` se non è impostata alcuna regione.

## Note [#notes]

* In un componente App Router asincrono, usa invece [`getRegion`](/docs/react/nextjs/reference/functions/get-region).
* Per cambiare la regione, usa [`useSetRegion`](/docs/react/reference/hooks/use-set-region) o [`<RegionSelector>`](/docs/react/reference/components/region-selector).