How to use the react-icons/fa.FaAngleUp function in react-icons

onClick={this.handleDelete}
              id={'delete-' + name}
              className='btn btn-sm btn-outline-danger float-right d-block d-sm-inline ml-2'
            >
              {i18next.t('collapsible:delete')}
            
            {readOnly ? toggleStateButton : null}
            {readOnly ? editButton : null}
            {this.props.buttons}
          
          <div readonly=""> onToggle(name)}
          &gt;
            {expanded ? FaAngleUp() : FaAngleDown()}
            {this.props.title}
          </div>
        
        {expanded
          ? cloneElement(children, {
            readOnly: readOnly,
            onSubmit: handleSubmit
          })
          : null}
      
    )
  }
}

})}>
          <div>
            <button id="{'delete-'" type="button">
              {i18next.t('collapsible:delete')}
            </button>
            {readOnly ? toggleStateButton : null}
            {readOnly ? editButton : null}
            {this.props.buttons}
          </div>
          <div readonly=""> onToggle(name)}&gt;
            {expanded ? FaAngleUp() : FaAngleDown()}
            {this.props.title}
          </div>
        
        {expanded
          ? cloneElement(children, {
            readOnly: readOnly,
            onSubmit: handleSubmit
          })
          : null}
      
    )
  }
}

className='row mb-1 cursor-pointer text-center text-md-left'
          id={'expand-tc-' + this.props.data.id}
          onClick={this.handleExpand}
        >
          <div>
            <button type="button">
              Delete
            </button>
            {editButton}
          </div>
          <div>
            {this.state.expand ? FaAngleUp() : FaAngleDown()}
            <b>{this.props.data.name}</b>
          </div>
        
        {details}
      
    )
  }
}

className='row mb-1 cursor-pointer text-center text-md-left'
          id={'expand-ato-' + this.props.data.id}
          onClick={this.handleExpand}
        >
          <div>
            <button type="button">
              {i18next.t('delete')}
            </button>
            {editButton}
          </div>
          <div>
            {this.state.expand ? FaAngleUp() : FaAngleDown()}
            <b>{this.props.data.name}</b>
          </div>
        
        {details}
      
    )
  }
}