How to use the ko/components/componentUtils.registerStaticComponent function in ko

self.visiblePanel(
        lastFoundPanel.length === 1 ? lastFoundPanel[0] : self.availablePanels()[0]
      );
    });

    window.setTimeout(() => {
      // Main initialization trigger in hue.mako, this is for Hue 3
      if (self.availablePanels().length === 0) {
        huePubSub.publish('cluster.config.get.config');
      }
    }, 0);
  }
}

componentUtils.registerStaticComponent('assist-panel', AssistPanel, TEMPLATE);

});

    self.init();
  }

  init() {
    const self = this;
    if (self.initialized) {
      return;
    }
    self.reload();
    self.initialized = true;
  }
}

componentUtils.registerStaticComponent('hue-assist-hbase-panel', AssistHBasePanel, TEMPLATE);

init() {
    const self = this;
    if (!self.activeEntry().loaded()) {
      self.activeEntry().load(
        () => {},
        () => {
          self.fallbackToRoot();
        },
        true
      );
    }
  }
}

componentUtils.registerStaticComponent(
  'hue-assist-documents-panel',
  AssistDocumentsPanel,
  TEMPLATE
);

});

    self.init();
  }

  init() {
    const self = this;
    if (self.initialized) {
      return;
    }
    self.reload();
    self.initialized = true;
  }
}

componentUtils.registerStaticComponent('hue-assist-adls-panel', AssistAdlsPanel, TEMPLATE);

});

    self.init();
  }

  init() {
    const self = this;
    if (self.initialized) {
      return;
    }
    self.reload();
    self.initialized = true;
  }
}

componentUtils.registerStaticComponent('hue-assist-s3-panel', AssistS3Panel, TEMPLATE);

'currentStoragePath_' + this.activeSource(),
        this.activeSource() === 'hdfs' ? window.USER_HOME_DIR : '/'
      )
    );
  }

  init() {
    if (this.initialized) {
      return;
    }
    this.reload();
    this.initialized = true;
  }
}

componentUtils.registerStaticComponent('hue-assist-storage-panel', AssistStoragePanel, TEMPLATE);

});

    huePubSub.subscribe('assist.git.refresh', () => {
      huePubSub.publish('assist.clear.git.cache');
      self.reload();
    });

    self.init();
  }

  init() {
    this.reload();
  }
}

componentUtils.registerStaticComponent('hue-assist-git-panel', AssistGitPanel, TEMPLATE);

this.disposals.push(() => {
      selectedTopicSub.dispose();
      querySub.dispose();
      showTopicSub.remove();
      $(element).off('click.langref');
    });
  }

  dispose() {
    while (this.disposals.length) {
      this.disposals.pop()();
    }
  }
}

componentUtils.registerStaticComponent(
  'assist-language-reference-panel',
  {
    createViewModel: (params, componentInfo) =>
      new AssistLangRefPanel(params, componentInfo.element)
  },
  TEMPLATE
);

export default AssistLangRefPanel;

}
      } else {
        this.selectedNotebook(null);
      }
    });
    this.disposals.push(currentAppSub.remove.bind(currentAppSub));
  }

  dispose() {
    this.disposals.forEach(dispose => {
      dispose();
    });
  }
}

componentUtils.registerStaticComponent('assist-schedule-panel', AssistSchedulePanel, TEMPLATE);

signature: fn.signature,
            signatureMatch: ko.observable(fn.signature),
            description: fn.description,
            descriptionMatch: ko.observable(fn.description)
          };
        })
      };
      koCategory.functions.forEach(fn => {
        fn.category = koCategory;
      });
      this.categories[dialect].push(koCategory);
    });
  }
}

componentUtils.registerStaticComponent('assist-functions-panel', AssistFunctionsPanel, TEMPLATE);

export default AssistFunctionsPanel;