feat: make tchoice translation replacements customizable

Author: ImraneAabbou

src/provider.ts

@@ -1,5 +1,4 @@
-import { createElement, ReactNode, useEffect, useState } from 'react';
-
+import { createElement, isValidElement, ReactNode, useEffect, useState } from 'react';
 import { Context } from './context';
 import type DefaultOptionsInterface from './interfaces/default-options';
 import type I18nProviderProps from './interfaces/i18n-provider-props';
@@ -165,13 +164,22 @@ export default function LaravelReactI18nProvider({ children, ssr, ...currentOpti
   /**
    * Translates the given message based on a count.
    */
-  function tChoice(key: string, number: number, replacements: ReplacementsInterface = {}): ReactNode {
+  function tChoice(
+    key: string,
+    number: number,
+    replacements: ReplacementsInterface & { count?: (n: number) => ReactNode | ReactNode } = {}
+  ): ReactNode {
     const message = _translate(key);
     const locale = isLocale(options.locale) ? options.locale : options.fallbackLocale;
 
     return replacer(pluralization(message, number, locale), {
       ...replacements,
-      count: number.toString()
+      count:
+        typeof replacements.count === 'function'
+          ? replacements.count(number)
+          : isValidElement(replacements.count)
+          ? replacements.count
+          : replacements.count ?? number.toString()
     });
   }