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

title: useSetRegion
description: Cambia la regione attiva con General Translation gt-react. Riferimento API di useSetRegion.

---

L'hook `useSetRegion` restituisce una funzione che cambia la regione attiva. È disponibile solo lato client.

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

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

## Panoramica [#overview]

Chiama `useSetRegion` per ottenere il setter, quindi chiamalo con un codice di regione.

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

export default function RegionButton() {
  const setRegion = useSetRegion();
  return <button onClick={() => setRegion('CA')}>Switch to Canada</button>;
}
```

*Nota: `useSetRegion` è disponibile solo lato client e deve essere utilizzato all&#39;interno di un [`<GTProvider>`](/docs/react/reference/components/gt-provider).*

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

Chiamando la funzione restituita, la regione selezionata viene salvata in un cookie e la pagina viene ricaricata per applicare la formattazione specifica della regione. Passando `undefined`, la regione viene rimossa.

## Restituisce [#returns]

**Tipo** `(region: string | undefined) => void`

Una funzione che imposta la regione attiva sul codice specificato oppure la cancella se viene passato `undefined`.

## Note [#notes]

* `useSetRegion` è disponibile solo lato client.
* Per leggere la regione attiva, usa [`useRegion`](/docs/react/reference/hooks/use-region). Per un selettore pronto all&#39;uso, usa [`<RegionSelector>`](/docs/react/reference/components/region-selector).