How to use the i18next.t function in i18next

<div id="fileNameTitle">
                            <span>{this.state.file ? this.state.file.name : ""}</span><br><br>
                            <button style="{{" disabled="{!this.state.allowed}"><i>file_upload</i> {i18n.t("FileModal.APIProviders.upload")}</button>
                            <button style="{{">{this.setState({ file: undefined, uploaded: false, error: false, uploading: false, allowed: true, forbidden: false });}}&gt;<i>clear</i> {i18n.t("FileModal.APIProviders.clear")}</button>
                        </div>
                        {this.state.uploading ? <div id="spinnerFloatContainer"><img alt="" src="{spinner}"></div> : null}
                        {/* {i18n.t('globalConfig.keywords')}<br>
                          */}
                        { this.state.error ? <div id="errorMsg"><i>error</i><div>{i18n.t("FileModal.APIProviders.error")}</div></div> : null }
                        { (this.state.uploaded) ? <div id="uploadedMsg"><i>check_circle</i><div> {i18n.t("FileModal.APIProviders.uploaded")}</div></div> : null }
                        {!this.state.allowed ? <div id="warningMsg"><i>warning</i>{i18n.t("FileModal.APIProviders.warning_allowed")}</div> : null}
                        {this.state.forbidden ? <div id="warningMsg"><i>warning</i>{i18n.t("FileModal.APIProviders.warning_forbidden")}</div> : null}
                        <button style="{{">{
                                this.props.onElementSelected(undefined, undefined, undefined, undefined);
                                this.setState({ file: undefined, uploaded: false, error: false, uploading: false, allowed: true });}}&gt;
                            {i18n.t("FileModal.APIProviders.UploadNewFile")}</button>
                    
                
             : null}

        );
    }

.then(() => {
        messageDispatcher.sendMessage('Notification', {type: "success", message: i18next.t("admin.success-api-add-scope")});
      })
      .fail(() => {

tooltip={ToolTips.STOP_AT_MAX}
        x={"movement_stop_at_max_x"}
        y={"movement_stop_at_max_y"}
        z={"movement_stop_at_max_z"}
        dispatch={dispatch}
        sourceFwConfig={sourceFwConfig} />

render() {
        return (
            
                
                    <span id="previewTitle">{i18n.t("importFile.title")}<span>{this.state.FileName}</span></span>
                
                
                    <form>
                        
                            <div style="{{">
                                <span><b>{ i18n.t('FileInput.Drag') }</b>{ i18n.t('FileInput.Drag_2') }<b>{ i18n.t('FileInput.Click') }</b></span>
                            </div>
                        
                        <div style="{{">
                            <h2>{i18n.t("Preview")}</h2>
                        </div>
                        
                            
                                <img id="FilePreview">
                            
                            
                                
                                    {i18n.t("importFile.pages.title")}
                                     {this.setState({ PagesFrom: 1, PagesTo: this.state.FilePages });}}&gt;
                                        {i18n.t("importFile.pages.whole_file")} ({ this.state.FilePages })
                                    
                                    </form>

const exceptionHandler = (error, isFatal) => {
  Reporter.crash(error)
  Alert.alert(
    I18n.t('unexpected-error'),
    `${isFatal ? 'Fatal: ' : ''}${
      !error || typeof error === 'string' ? error : error.toString()
    }`,
    [
      {
        text: I18n.t('restart'),
        onPress: () => RNRestart.Restart(),
      },
      !isFatal && { text: I18n.t('cancel') },
    ],
    { cancelable: false }
  )
}

renderNotSeenYet(transactionId: string) {
    return [
      ,
      
        
          
            
             
            
              {transactionId}
            
          
        
      
    ]
  }

botOriginQuadrant={this.props.designer.botOriginQuadrant}
        zoomLvl={this.props.designer.zoomLevel}
        legendMenuOpen={legendMenuOpen}
        showPlants={showPlants}
        showPoints={showPoints}
        showSpread={showSpread}
        showFarmbot={showFarmbot}
      />

      <div>
        <div>
          
            {t("Designer")}
          
          
            {t("Plants")}
          
          
            {t("Farm Events")}
          
        </div>
      </div>
      <div>
        {this.childComponent(this.props)}
      </div>

      <div style="{{">
        </div>

  const notFound = () => error(t("Farmware not found."));
  if (!props.url) { notFound(); return; }

case 'union':
							node = new Union(rec(n.child), rec(n.child2));
							break;
						case 'intersect':
							node = new Intersect(rec(n.child), rec(n.child2));
							break;
						case 'except':
							node = new Difference(rec(n.child), rec(n.child2));
							break;
					}

					if (n.all === true) {
						if (!node) {
							throw new Error(`should not happen`);
						}
						node.addWarning(i18n.t('db.messages.translate.warning-ignored-all-on-set-operators'), n.codeInfo);
					}
				}
				break;

			case 'orderBy':
				{
					const n = nRaw;
					const orderCols = [];
					const orderAsc = [];
					for (let i = 0; i < n.arg.value.length; i++) {
						const e = n.arg.value[i];

						orderAsc.push(e.asc);
						orderCols.push(new Column(e.col.name, e.col.relAlias));
					}
					node = new OrderBy(rec(n.child), orderCols, orderAsc);

export function SpacePanelHeader(props: {}) {
  return 
    
      <label>
        {t("X AXIS")}
      </label>
    
    
      <label>
        {t("Y AXIS")}
      </label>
    
    
      <label>
        {t("Z AXIS")}
      </label>
    
  ;
}