usePreferredLanguage

Get the user's preferred language.

https://www.shaktools.com/shak-hooks

Browser

API Reference

Installation

terminal

pnpm add @shak-hooks/usehooks

import.ts

import { usePreferredLanguage } from "@shak-hooks/usehooks";

Source: packages/react/src/usePreferredLanguage.ts

Signature

signature.ts

export function usePreferredLanguage(): string

Parameters

No parameters.

Returns

string

Implementation

use-preferred-language.ts

1import { useSyncExternalStore } from "react";

3const subscribe = (cb: () => void) => {

4 window.addEventListener("languagechange", cb);

5 return () => window.removeEventListener("languagechange", cb);

6};

8const getSnapshot = () => {

9 return navigator.language;

10};

12const getServerSnapshot = () => {

13 return "en";

14};

16export function usePreferredLanguage() {

17 return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);

18}

Google Ads

Usage

example.tsx

1import { usePreferredLanguage } from "@shak-hooks/usehooks";

3const result = usePreferredLanguage();

4// result: string

5// Use values directly (React state).