Missing key id, throws error in i18n.t('mykeyId')`MyDefault`

i18n.t('ui.video')`Video`

throws

at zip (core.development.js:145)
    at I18n.t (core.development.js:155)
    at ProxyComponent.renderModal (EditForm.js:50)

ui.video is missing from the translations. But that shouldn’t matter. This should never throw an error, a warning maybe, but not a hard error

context: Versions: “@lingui/babel-preset-react”: “2.0.7”, “@lingui/cli”: “2.0.7”, “@lingui/react”: “2.0.7”,

class EditForm extends React.PureComponent {
  [...]
  renderModal() {
    const { i18n } = this.props;
    const { modal, videoId } = this.state;

    return (
      <MobileFullSceenModal
        title={i18n.t('ui.video')`Video`}
        open={modal}
        onClose={this.handleCloseModal}
      >
        <VideoPlayer videoId={videoId} />
      </MobileFullSceenModal>
    );
  }
  render() {
    const { id, item } = this.props;
    return (
      <Form
        formName={config.formName}
        render={({ submitting, validating, handleSubmit }) => (
          <form onSubmit={handleSubmit}>
            {this.renderModal()}
                    <Field
                      id="videoId"
                      name="videoId"
                      component={TextInput}
                      label="VideoId"
                      format={extractYouTubeId}
                      parse={extractYouTubeId}
                    />
                    <SubmitButton
                      submitting={submitting || validating}
                      submitSuccess={submitSucceeded}
                    >
                      <Trans id="ui.submit">Submit</Trans>
                    </SubmitButton>

          </form>
        )}
      />
    );
  }
}

export default connect(null, { listVideos })(withI18n()(EditForm));

[mschipperheyn]

I think this had to do with the order of the babel entry. It works for me now

[tricoder42]

@mschipperheyn Could you please try to update to latest versions? I’ve just tried your example and it works.

If it won’t help, also try to remove @lingui/babel-preset-react preset and instead add both lingui plugins (@lingui/babel-plugin-transform-js, @lingui/babel-plugin-transform-react) to the top of your plugins.