Replies: 2 comments 2 replies
-
|
Your code snippet doesn't show the most important initialization part of lingui. Show what you do with |
Beta Was this translation helpful? Give feedback.
-
|
I took most of my code from _app.tsx import React from "react";
import { I18nProvider } from "@lingui/react";
import { i18n } from "@lingui/core";
import type { AppProps } from "next/app";
import { useLinguiInit } from "@/utils/i18n";
export default function MyApp({
Component,
pageProps,
}: AppProps) {
useLinguiInit(pageProps.translation);
return (
<>
<I18nProvider i18n={i18n}>
/* I have some other providers wrapped here for auth etc */
<Component {...pageProps} />
</I18nProvider>
</>
);
}lingui.config.js const nextConfig = require("./next.config");
/** @type {import('@lingui/conf').LinguiConfig} */
module.exports = {
locales: nextConfig.i18n.locales,
sourceLocale: nextConfig.i18n.defaultLocale,
fallbackLocales: {
default: "en",
},
catalogs: [
{
path: "<rootDir>/src/locales/{locale}/messages",
include: ["<rootDir>/src"],
},
],
}; |
Beta Was this translation helpful? Give feedback.
-
|
Just a heads up I had the exact same lingui setup with another project hosted on Vercel and I don't have this issue, the only difference here is the next config |
Beta Was this translation helpful? Give feedback.
-
|
Well, i don't know the reason for your exact problem, but the general guideline is to avoid "global" const Foo = () => {
useLingui();
return (
<>
<Head>
<title>{t`Foo` + " - My Website"}</title>
</Head>
</>
);
};Use const Foo = () => {
const {i18n} = useLingui();
return (
<>
<Head>
<title>{t(i18n)`Foo` + " - My Website"}</title>
</Head>
</>
);
};More info why it's like that is here: #1804 (comment) |
Beta Was this translation helpful? Give feedback.
-
Using nextjs with babel with the code below, the title end up being indexed by DuckDuckGo like: "IV8fHF - My Website".
When I refresh the page in the blink of an eye I can see "IV8fHF - My Website" before it becomes "Foo - My Website". Am I missing something? Thanks!
linguijs version 4.7.0
Beta Was this translation helpful? Give feedback.
All reactions