Use DsfrLangProvider

garronej · garronej · commit fcde2b1130a0 · 2022-12-28T04:40:00.000+01:00
diff --git a/package.json b/package.json
@@ -138,7 +138,7 @@
         "./Quote": "./dist/Quote.js",
         "./Notice": "./dist/Notice.js",
         "./Highlight": "./dist/Highlight.js",
-        "./Header": "./dist/Header/Header.js",
+        "./Header": "./dist/Header/index.js",
         "./Footer": "./dist/Footer.js",
         "./Display": "./dist/Display.js",
         "./Card": "./dist/Card.js",
diff --git a/test/integration/next-appdir/app/layout.tsx b/test/integration/next-appdir/app/layout.tsx
@@ -9,6 +9,7 @@ import { Header } from "@codegouvfr/react-dsfr/Header";
 import { Footer } from "@codegouvfr/react-dsfr/Footer";
 import { Display, headerFooterDisplayItem } from "@codegouvfr/react-dsfr/Display";
 import { fr } from "@codegouvfr/react-dsfr";
+import { DsfrLangProvider } from "@codegouvfr/react-dsfr/i18n";
 
 const brandTop = <>INTITULE<br />OFFICIEL</>;
 
@@ -38,6 +39,7 @@ export default function RootLayout({ children }: { children: JSX.Element; }) {
 			</head>
 			<body>
 				<DsfrProvider defaultColorScheme={defaultColorScheme}>
+					<DsfrLangProvider lang="fr">
 					<NextAppDirEmotionCacheProvider options={{ "key": "css" }}>
 						<MuiDsfrThemeProvider>
 
@@ -73,6 +75,7 @@ export default function RootLayout({ children }: { children: JSX.Element; }) {
 
 						</MuiDsfrThemeProvider>
 					</NextAppDirEmotionCacheProvider>
+					</DsfrLangProvider>
 				</DsfrProvider>
 			</body>
 		</html>
