How to use the react-i18nify.I18n.t function in react-i18nify

as="div"
                className={`active-option${operationOpen ? ' active' : ''}`}
                onClick={() => { this.setState({ operationOpen: !this.state.operationOpen }); }}
              >
                {I18n.t(`upload.${operation}`)}
              

              <div>
                <div>{I18n.t('upload.smart_crop')}</div>
                <div>{I18n.t('upload.face_detection')} </div>

                <div>{I18n.t('upload.resize')}</div>
              </div>
            

            {I18n.t(`upload.width`)}

private _renderTextArea() {
    const { commentable: { id, type }, autoFocus } = this.props;
    const { error } = this.state;
    const className = classnames({ "is-invalid-input": error });

    const textAreaProps: any = {
      ref: (textarea: HTMLTextAreaElement) => {this.bodyTextArea = textarea; },
      id: `add-comment-${type}-${id}`,
      className,
      rows: "4",
      maxLength: MAX_LENGTH,
      required: "required",
      pattern: `^(.){0,${MAX_LENGTH}}$`,
      placeholder: I18n.t("components.add_comment_form.form.body.placeholder"),
      onChange: (evt: React.ChangeEvent) => this._checkCommentBody(evt.target.value),
    };

    if (autoFocus) {
      textAreaProps.autoFocus = "autoFocus";
    }

    return (
      <textarea>    );
  }
</textarea>

aria-labelledby="comments-order-menu-control"
              tabIndex={-1}
            >
              <li>
                <a tabindex="{-1}" href="#">
                  {I18n.t("components.comment_order_selector.order.best_rated")}
                </a>
              </li>
              <li>
                <a tabindex="{-1}" href="#">
                  {I18n.t("components.comment_order_selector.order.recent")}
                </a>
              </li>
              <li>
                <a tabindex="{-1}" href="#">
                  {I18n.t("components.comment_order_selector.order.older")}
                </a>
              </li>
              <li>
                <a tabindex="{-1}" href="">
                  {I18n.t("components.comment_order_selector.order.most_discussed")}
                </a>
              </li>
            
          
        
      
    );
  }

});

    if (session && arguable) {
      return (
        <div>
          <button>
            
          </button>
          <button>
            {I18n.t("components.add_comment_form.opinion.neutral")}
          </button>
          <button>
            
          </button>
        </div>
      );
    }

    return null;
  }

getClearAdornement() {
    const { makeSearch } = this.props
    return (
      
         makeSearch('')}>
          
        
      
    )
  }

const { toggleColorType, activeColorType } = this.props;

    return (
      
        
          <label>{I18n.t('icons.color_filter')}</label>
          
             { toggleColorType('all'); }}
              onKeyDown={event =&gt; { event.keyCode === 13 &amp;&amp; toggleColorType('all'); }}
              tabIndex={0}
              role="button"
            &gt;
              {I18n.t('icons.all')}
            

             { toggleColorType('multi'); }}
              onKeyDown={event =&gt; { event.keyCode === 13 &amp;&amp; toggleColorType('multi'); }}
              tabIndex={0}
              role="button"
            &gt;
              {I18n.t('icons.multi_color')}

},
    {
      abbreviation: 'de_DE',
      name: I18n.t('commons.german'),
      country: I18n.t('commons.Germany'),
      isAvailable: false
    },
    {
      abbreviation: 'he_IL',
      name: I18n.t('commons.hebrew'),
      country: I18n.t('commons.Israel'),
      isAvailable: false
    },
    {
      abbreviation: 'hi_IN',
      name: I18n.t('commons.hindi'),
      country: I18n.t('commons.India'),
      isAvailable: false
    },
    {
      abbreviation: 'hu_HU',
      name: I18n.t('commons.hungarian'),
      country: I18n.t('commons.Hungary'),
      isAvailable: false
    },
    {
      abbreviation: 'it_IT',
      name: I18n.t('commons.italian'),
      country: I18n.t('commons.Italy'),
      isAvailable: false
    },
    {

.then(([files, isDuplicate, isReplacingData]) => {
        if (isReplacingData || isDuplicate) {
          this.props.showAlert('', I18n.t('upload.file_already_exists'), 'info');
        }

        this.uploadSuccess(files);

        if (config.tagging.active) {
          this.props.saveUploadedFiles(files);
          this.props.setPostUpload(true, 'TAGGING', 'MY_GALLERY');
          return;
        }

        config.uploadHandler(files, { stage: 'upload' });
        self.closeModal();
      })
      .catch((error) => {

{I18n.t(`upload.cancel`)}
          
          }

          {I18n.t('upload.upload_btn')}

          <div style="{{">
            <p>{I18n.t('upload.selected_files')}: {imagesToUpload.length}, {I18n.t('upload.total_size')}: {size}</p>
          </div>
        
        }

        {(processing || !camanLoaded || isAutoProcess) &amp;&amp; }

        {!isAutoProcess &amp;&amp;

},
    {
      abbreviation: 'gl_ES',
      name: I18n.t('commons.galician'),
      country: I18n.t('commons.Spain'),
      isAvailable: false
    },
    {
      abbreviation: 'de_DE',
      name: I18n.t('commons.german'),
      country: I18n.t('commons.Germany'),
      isAvailable: false
    },
    {
      abbreviation: 'he_IL',
      name: I18n.t('commons.hebrew'),
      country: I18n.t('commons.Israel'),
      isAvailable: false
    },
    {
      abbreviation: 'hi_IN',
      name: I18n.t('commons.hindi'),
      country: I18n.t('commons.India'),
      isAvailable: false
    },
    {
      abbreviation: 'hu_HU',
      name: I18n.t('commons.hungarian'),
      country: I18n.t('commons.Hungary'),
      isAvailable: false
    },
    {