Allowed useObjectTranslation to accept the same params as useTranslat…

…ion (#845)
monkvision · Sep 12, 2024 · 0f77721 · 0f77721
1 parent 762612f
commit 0f77721
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/packages/common/src/hooks/useObjectTranslation.ts b/packages/common/src/hooks/useObjectTranslation.ts
@@ -1,5 +1,5 @@
 import { TranslationObject } from '@monkvision/types';
-import { useTranslation } from 'react-i18next';
+import { useTranslation, UseTranslationOptions } from 'react-i18next';
 import { useCallback } from 'react';
 import { getLanguage } from '../i18n';
 
@@ -17,8 +17,11 @@ export interface UseObjectTranslationResult {
 /**
  * Custom hook used to get a translation function tObj that translates TranslationObjects.
  */
-export function useObjectTranslation(): UseObjectTranslationResult {
-  const { i18n } = useTranslation();
+export function useObjectTranslation(
+  ns?: string,
+  options?: UseTranslationOptions<any>,
+): UseObjectTranslationResult {
+  const { i18n } = useTranslation(ns, options);
   const tObj = useCallback(
     (obj: TranslationObject) => {
       return obj[getLanguage(i18n.language)] ?? 'translation-not-found';

diff --git a/packages/common/test/hooks/useObjectTranslation.test.ts b/packages/common/test/hooks/useObjectTranslation.test.ts
@@ -29,4 +29,13 @@ describe('useObjectTranslation hook', () => {
     expect(typeof result.current.tObj({} as TranslationObject)).toBe('string');
     unmount();
   });
+
+  it('should pass the options parameters to the useTranslation hook', () => {
+    const ns = 'test-ns';
+    const options = { lng: 'nl' };
+    const { unmount } = renderHook(() => useObjectTranslation(ns, options));
+    expect(useTranslation).toHaveBeenCalledWith(ns, options);
+
+    unmount();
+  });
 });