Я пытался перевести заголовок в antd modal.confirm(), но всегда получаю ошибку useLingui hook was used without I18nProvider. На других страницах перевод работает нормально.
Вот мой код:
async function onLogout() {
Modal.confirm({
title: <Trans>Confirm Logout</Trans>,
icon: <LogoutOutlined />,
content: <Trans>Are you sure you want to logout?</Trans>,
async onOk() {
const logout = await dispatch(logoutUser())
if (logout === "Success") {
history.push("/login")
}
},
})
}
да, я обернул app.js с помощью I18nProvider, и он отлично работает, но когда я использую modal.confirm(), он показывает ошибку





я оборачиваю в отдельный I18nProvider для контекста antd modal.method
const comfirmLogoutMessage = (
<I18nProvider i18n = {i18n}>
<Trans>Confirm Logout</Trans>
</I18nProvider>
)
вы завернулись внутрь I18nProvider в app.js