date macro not working when used inside t macro

Describe the bug I have a message with a date that I need to translate outside of the React component, so based on https://lingui.js.org/ref/macro.html#jsmacro-t I tried using i18n._(tToday is ${date(name)}), but it’s not working. I am getting Danas je [object Object] in the result.

To Reproduce

1. Create react app with Create React App.
2. Add lingui-js and set it up so you can use translations outside the components as described here: https://lingui.js.org/tutorials/react-patterns.html#translations-outside-react-components
3. outside of the React component do:

import { date } from '@lingui/macro';
import { i18n } from './i18n';
...
const today = new Date();
const msg = i18n._(t`Today is ${date(today)}`);

then render msg in the component:

{msg}

Sandbox example - https://codesandbox.io/s/linguijs-playground-5gk1u

Expected behavior Date should be normally localized.

Additional context

• jsLingui version 2.8.3
• I am using React app generated with Create React App

[igorDolzh]

You could import t before number or date (It is a hack) I made a fix for this https://github.com/lingui/js-lingui/pull/621

[tricoder42]

Hey guys, please use i18n.number and i18n.date instead of macros. date and number macros were removed in v3. That should solve your issue. The other half (#621) is solved as well.