# withLocale

Give React component access to `defaultLocale`, `locale`, and `siteLocales`.

> Ensure `withLocale(Component)` is rendered within [`createPage([...connectArgs])(Page, [reducers])`](https://traveloka.gitbook.io/soya-next/api/create-page) hierarchy.

## Returns

*(Function)*: A higher order React component class that passes `defaultLocale`, `locale`, and `siteLocales` to the component below.

## Examples

```javascript
import { withLocale } from 'soya-next/i18n';

export default withLocale(({
  locale,
  defaultLocale,
  siteLocales,
}) => (
  <div>
    <div>Current locale is {locale}</div>
    <div>Default locale is {defaultLocale}</div>
    <div>Supported site locales are {siteLocales.join(', ')}</div>
  </div>
));
```