Typescript Login UI
Use-case: I want to deploy the Next.js based UI.
Environment: Development env - self-hosting
Version: Version 3.2.2 according to the Zitadel UI
Stack: Docker Zitadel Backend and Next.js
I ran the Typescript based UI configured a proper .env.local file.
The first screen asks me to choose a locale, and it stops there because there is an exception; apparently, I do not have the right API version on the backend.
This is the error:
✓ Starting...
│ ✓ Ready in 2.5s
│ ✓ Compiled /middleware in 325ms (115 modules)
│ ○ Compiling / ...
│ ✓ Compiled / in 2.7s (1490 modules)
│ i18nOrganization:
│ Error fetching custom translations: Error [ConnectError]: [unimplemented] unknown method GetHostedLoginTranslation f
│ or service zitadel.settings.v2.SettingsService
│ at async eval (src/i18n/request.ts:22:21)
│ at async LanguageProvider (src/components/language-provider.tsx:6:19)
│ 20 | let translations: JsonObject | {} = {};
│ 21 | try {
│ > 22 | const i18nJSON = await getHostedLoginTranslation({
│ | ^
│ 23 | serviceUrl,
│ 24 | locale,
│ 25 | organization: i18nOrganization, {
│ rawMessage: 'unknown method GetHostedLoginTranslation for service zitadel.settings.v2.SettingsService',
│ code: 12,
│ metadata: Headers {
│ 'grpc-message': 'unknown method GetHostedLoginTranslation for service zitadel.settings.v2.SettingsService',
│ 'grpc-status': '12',
│ 'content-type': 'application/grpc+proto',
│ trailer: 'Grpc-Status, Grpc-Message, Grpc-Status-Details-Bin',
│ 'x-robots-tag': 'none'
│ },
│ details: [],
│ cause: undefined
│ }
Environment: Development env - self-hosting
Version: Version 3.2.2 according to the Zitadel UI
Stack: Docker Zitadel Backend and Next.js
I ran the Typescript based UI configured a proper .env.local file.
The first screen asks me to choose a locale, and it stops there because there is an exception; apparently, I do not have the right API version on the backend.
This is the error:
✓ Starting...
│ ✓ Ready in 2.5s
│ ✓ Compiled /middleware in 325ms (115 modules)
│ ○ Compiling / ...
│ ✓ Compiled / in 2.7s (1490 modules)
│ i18nOrganization:
│ Error fetching custom translations: Error [ConnectError]: [unimplemented] unknown method GetHostedLoginTranslation f
│ or service zitadel.settings.v2.SettingsService
│ at async eval (src/i18n/request.ts:22:21)
│ at async LanguageProvider (src/components/language-provider.tsx:6:19)
│ 20 | let translations: JsonObject | {} = {};
│ 21 | try {
│ > 22 | const i18nJSON = await getHostedLoginTranslation({
│ | ^
│ 23 | serviceUrl,
│ 24 | locale,
│ 25 | organization: i18nOrganization, {
│ rawMessage: 'unknown method GetHostedLoginTranslation for service zitadel.settings.v2.SettingsService',
│ code: 12,
│ metadata: Headers {
│ 'grpc-message': 'unknown method GetHostedLoginTranslation for service zitadel.settings.v2.SettingsService',
│ 'grpc-status': '12',
│ 'content-type': 'application/grpc+proto',
│ trailer: 'Grpc-Status, Grpc-Message, Grpc-Status-Details-Bin',
│ 'x-robots-tag': 'none'
│ },
│ details: [],
│ cause: undefined
│ }
