Debug playgound

Author: garronej

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@codegouvfr/react-dsfr",
-    "version": "0.0.88",
+    "version": "0.0.89-rc.0",
     "description": "French State Design System React integration library",
     "repository": {
         "type": "git",

src/lib/i18n.tsx

@@ -13,6 +13,12 @@ const langContext = createContext<string | undefined>(undefined);
 export function useLang(): string | undefined {
     const lang = useContext(langContext);
 
+    console.log(
+        `useLang: context: ${lang}, ${
+            isBrowser ? "browser" : "node"
+        }, langIfNoProvider: ${langIfNoProvider}`
+    );
+
     if (lang === undefined) {
         return langIfNoProvider ?? (!isBrowser ? undefined : navigator.language);
     }
@@ -81,8 +87,13 @@ export function createComponentI18nApi<
     function useTranslation() {
         const lang = useLang();
 
+        console.log(`useTranslation: useLang() === ${lang}`);
+
         const bestMatchLang = useMemo(() => {
+            console.log("run use memo");
+
             if (lang === undefined) {
+                console.log("useTranslation: undefined so return fr");
                 return "fr";
             }
 
@@ -91,6 +102,8 @@ export function createComponentI18nApi<
                 "languageLike": lang
             });
 
+            console.log(`useTranslation: bestApproxLang: ${bestApproxLang}`);
+
             return bestApproxLang ?? "fr";
         }, [lang]);
 

src/lib/start.ts

@@ -38,6 +38,7 @@ async function startReactDsfrWithOptionalNextParams(params: Params, nextParams?:
     isStarted = true;
 
     if (langIfNoProvider !== undefined) {
+        console.log(`start(), setLangToUseIfProviderNotUsed, ${langIfNoProvider}`);
         setLangToUseIfProviderNotUsed(langIfNoProvider);
     }
 

src/next.tsx

@@ -119,6 +119,10 @@ export function createNextDsfrIntegrationApi(params: Params): NextDsfrIntegratio
     {
         startDsfrReactParams.langIfNoProvider ??= "fr";
 
+        console.log(
+            `startDsfrReactParams.langIfNoProvider: ${startDsfrReactParams.langIfNoProvider}`
+        );
+
         if (isBrowser) {
             startReactDsfrNext(startDsfrReactParams, {
                 doPersistDarkModePreferenceWithCookie,