React antd LinguiJS not working on Modal method

Question

I tried to translate the title in antd modal.confirm() but I always receive an error useLingui hook was used without I18nProvider. In other pages the translation is working fine.

Here is my code:

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")
            }
        },
    })
}

yes i did wrap app.js with I18nProvider and it works fine but when i use modal.confirm() it will show an error — Corioste, Dec 18 '20 at 14:17

score 1 · Accepted Answer · answered Dec 20 '20 at 14:07

1

i wrap in seperate I18nProvider for ant d modal.method context

   const comfirmLogoutMessage = (
    <I18nProvider i18n={i18n}>
      <Trans>Confirm Logout</Trans>
    </I18nProvider>
)

answered Dec 20 '20 at 14:07

Corioste

65
8

React antd LinguiJS not working on Modal method

1 Answers1