How to use the feather-icons.replace function in feather-icons

componentDidMount() {
    // get all the icons rendered
    feather.replace();
  }

setTimeout(()=> {
                        feather.replace();

                        // When variant was selected, enable all disabled input elements if they are not disabled intentionally.
                        this.$el.querySelectorAll('input, textarea, select').forEach((element) => {
                            if(!element.classList.contains('disabled')) {
                                element.disabled = false;
                            }
                        });

                    }, 2);
                }

import jump from "jump.js";
import { Init, Component } from "domponent/dist/domponent.development.js";
import feather from "feather-icons";

import "./fonts.scss";
import "./base.scss";
import "./includes/nav/nav";
import "./includes/tags/tags";
import "./includes/header/header";
import "./includes/btn/btn";
import "./includes/markup/markup";
import "./includes/charts/charts";
import "./includes/seo/seo";
import "./includes/api/api";

feather.replace();

class HoverBuddy extends Component {
  constructor(props) {
    super(props);
  }

  highlight(e) {
    console.log(this);
    const refName = e.target.dataset.refArray;
    if (refName) {
      this[refName].forEach(el => el.classList.add("same"));
    }
  }
  removeHighlight(e) {
    const refName = e.target.dataset.refArray;
    if (refName) {

ngOnInit() {
    feather.replace();
    this.showLoadingImage = true;
    this.projectsSevice.getAllProjects()
      .subscribe(
        (projects) => {
          this.projects = projects;
          this.showLoadingImage = false;
        },
        (error) => {
          this.showLoadingProjectsError = true;
          this.showLoadingImage = false;
        }
      )
  }

ngOnInit() {
    feather.replace();
    this.featuresService.getAllBySuiteId(this.navigationStateService.suiteIdSelected)
      .subscribe(
        (features) => {
          this.features = features;
          this.showLoadingImage = false;
        },
        (error) => {
          this.showLoadingFeaturesError = true;
          this.showLoadingImage = false;
        }
      );
    this.filenameCheck.pipe(debounceTime(500))
      .subscribe(
        (filename) => {
          this.featuresService.checkIfFilenameExists(this.navigationStateService.projectIdSelected, filename)
            .subscribe(

ngOnInit() {
    feather.replace();
    this.getAllScenarios();
    this.scenarioStateService.componentToOpen$
      .subscribe(
        (componentName) => {
          this.componentToOpen = componentName;
          if(componentName === 'scenarioHome'){
            this.getAllScenarios();
          }
        }
      );
  }

ngAfterViewChecked(){
    feather.replace();
  }

mounted() {
            feather.replace();
        },
        props: [

ngAfterViewChecked(){
    feather.replace();
  }

ngAfterViewChecked(){
    feather.replace();
  }