How to pass variables to select?

[SilentImp]

I have a gender-dependent translation for Italian. A string that I want to translate also includes the variable. I tried:

                 <Select
                    value={gender}
                    female="Find {professionPluralName} near you"
                    other="Find {professionPluralName} near you"
                  />

generated: "{gender, select, female {Find {professionPluralName} near you} other {Find {professionPluralName} near you}}": "{gender, select, female {Find {professionPluralName} near you} other {Find {professionPluralName} near you}}", But professionPluralName was replaced with empty string, despite being present in same scope.

                 <Select
                    value={gender}
                    female={<Trans>Find {professionPluralName} near you</Trans>}
                    other={<Trans>Find {professionPluralName} near you</Trans>}
                  />

generated: "{gender, select, female {} other {}}": "{gender, select, female {} other {}}" which was obviously broken.

                  <Trans>
                    <Select
                      value={gender}
                      female="Find {professionPluralName} near you"
                      other="Find {professionPluralName} near you"
                    />
                  </Trans>

generated: "{gender, select, female {Find {professionPluralName} near you} other {Find {professionPluralName} near you}}" same problem us without Trans

What I need to do to pass professionPluralName, and what is the correct way to do it?

Expected behavior To be able to pass multiple variables to the Select component.

• jsLingui version ``` "@lingui/cli": "^2.9.1", "@lingui/loader": "^2.9.1", "@lingui/macro": "^2.9.1", "@lingui/react": "^2.9.1",

• Babel version ``` instapro-client@1.0.0 / ├── @babel/core@7.11.1 ├─┬ @storybook/addon-storyshots@5.3.19 │ └─┬ @jest/transform@24.9.0 │ └── @babel/core@7.11.1 deduped ├─┬ @storybook/react@5.3.19 │ ├─┬ @svgr/webpack@4.3.3 │ │ ├── @babel/core@7.11.1 deduped │ │ └─┬ @svgr/plugin-jsx@4.3.3 │ │ └── @babel/core@7.11.1 deduped │ └─┬ babel-plugin-react-docgen@4.1.0 │ └─┬ react-docgen@5.3.0 │ └── @babel/core@7.11.1 deduped ├─┬ jest@25.5.4 │ └─┬ @jest/core@25.5.4 │ ├─┬ @jest/reporters@25.5.1 │ │ ├─┬ @jest/transform@25.5.1 │ │ │ └── @babel/core@7.11.1 deduped │ │ └─┬ istanbul-lib-instrument@4.0.3 │ │ └── @babel/core@7.11.1 deduped │ ├─┬ @jest/transform@25.5.1 │ │ ├── @babel/core@7.11.1 deduped │ │ └─┬ babel-plugin-istanbul@6.0.0 │ │ └─┬ istanbul-lib-instrument@4.0.3 │ │ └── @babel/core@7.11.1 deduped │ ├─┬ jest-config@25.5.4 │ │ ├── @babel/core@7.11.1 deduped │ │ └─┬ babel-jest@25.5.1 │ │ ├─┬ @jest/transform@25.5.1 │ │ │ └── @babel/core@7.11.1 deduped │ │ └─┬ babel-plugin-istanbul@6.0.0 │ │ └─┬ istanbul-lib-instrument@4.0.3 │ │ └── @babel/core@7.11.1 deduped │ └─┬ jest-runtime@25.5.4 │ └─┬ @jest/transform@25.5.1 │ ├── @babel/core@7.11.1 deduped │ └─┬ babel-plugin-istanbul@6.0.0 │ └─┬ istanbul-lib-instrument@4.0.3 │ └── @babel/core@7.11.1 deduped ├─┬ next@9.4.2 │ └── @babel/core@7.7.7 └─┬ stylelint@13.6.1 └─┬ @stylelint/postcss-css-in-js@0.37.2 └── @babel/core@7.11.1 deduped

• Your Babel config (e.g. .babelrc) or framework you use (Create React App, Meteor, etc.)

  
  const isTestEnvironment = process.env.NODE_ENV === "test";

module.exports = { presets: [ [ "next/babel", { "preset-env": { corejs: 3, modules: isTestEnvironment ? "commonjs" : false, debug: false, useBuiltIns: "entry", targets: { browsers: [">0.2%", "not dead", "not ie < 11", "not op_mini all"], }, }, }, ], ], plugins: [ "macros", "ramda", [ "emotion", { labelFormat: "[local]", }, ], [ "module-resolver", { alias: { infrastructure: "./src/infrastructure", pages: "./src/ui/pages", sharedKernel: "./src/ui/sharedKernel", designSystem: "./lib/designSystem", }, }, ], ], };

[SilentImp]

It looks like if I write it this way it works properly: Looks like if I write it in this manner it's works:

                  <Trans
                    id="{gender, select, female {Find {professionPluralName} near you} other {Find {professionPluralName} near you}}"
                    defaults="{gender, select, female {Find {professionPluralName} near you} other {Find {professionPluralName} near you}}"
                    values={{ professionPluralName, gender }}
                  />

But looks really sad.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.