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.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
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