---
createdAt: 2026-01-21
updatedAt: 2026-09-27
priority: 5
title: useIntlayer Hook Documentation | react-intlayer
description: "Use useIntlayer in React to read a dictionary's localized content by key, typed from your content declaration files."
keywords:
  - useIntlayer
  - dictionary
  - Intlayer
  - intlayer
  - Internationalization
  - Documentation
slugs:
  - doc
  - packages
  - react-intlayer
  - useIntlayer
history:
  - version: 7.5.14
    date: 2026-01-21
    changes: "Unified documentation for all exports"
author: aymericzip
---

# useIntlayer Hook Documentation

The `useIntlayer` hook allows you to retrieve localized content from a dictionary using its key. It is based on `useDictionary` but automatically injects an optimized version of the dictionary from the generated declarations.

## Usage

```tsx
import { useIntlayer } from "react-intlayer";

const MyComponent = () => {
  const content = useIntlayer("my-dictionary-key");

  return (
    <div>
      <h1>{content.title}</h1>
      <p>{content.description}</p>
    </div>
  );
};
```

## Description

The hook performing the following tasks:

1. **Locale Detection**: It uses the current locale from the `IntlayerProvider` context.
2. **Dictionary Injection**: it automatically injects the content of the dictionary corresponding to the provided key, using the optimized declarations generated by the Intlayer compiler.
3. **Translation Processing**: it resolves the content based on the detected locale, processing any `t()`, `enu()`, etc., definitions found within the dictionary.