Custom refinementList Widget - Angular

I have asked this question on the angular instantsearch github page but no response since my last message. So here it is again:

I cannot get the search to work. Can you point me in the right direction?

import { Component, Inject, forwardRef } from '@angular/core';
import { BaseWidget, NgAisInstantSearch } from 'angular-instantsearch';
import { connectRefinementList } from 'instantsearch.js/es/connectors';

@Component({
  selector: 'ais-refinement-list-brand',
  template: `
  <div class="catalogue__filters__groupTitle">Brand</div>
  <!-- groupTitle -->
  <div class="catalogue__filters__group">
      <div class="catalogue__filters__group__header">
          <span class="catalogue__filters__group__back">Brand</span>
          <button class="catalogue__filters__group__clear">Clear</button>
      </div>
      <!-- header -->
      <div class="catalogue__filters__quickSearch">
          <div class="field field--search">
              <div class="field__hintIcon"></div>
              <input type="text" class="field__input" placeholder="Search" (keyup)="state.searchForItemsfunction($event.target.value)">
              <div class="field__indicator"></div>
              <div class="field__functionIcon"></div>
          </div>
          <!-- field -->
      </div>
      <!-- quick search-->
      <ul class="catalogue__filters__list">
          <!-- <li class="catalogue__filters__list__alphabet">A</li> -->
          <li class="catalogue__filters__list__item" *ngFor="let item of state.items">
              <span>{{ item.label }}</span>
              <span class="catalogue__filters__list__item__qty">{{item.count}}</span>
          </li>
      </ul>
  </div>
  <!-- group -->
  `
})
export class AisBrandWidgetComponent extends BaseWidget {
  state: {
    items: { label: string; value: string }[];
    createURL: () => string;
    refine: (value: string) => void;
    searchForItemsfunction: () => void;
    isFromSearchboolean: boolean;
    canRefine: boolean;
    canToggleShowMore: boolean;
    isShowingMore: boolean;
    toggleShowMore: () => void;
  };

  constructor(
    @Inject(forwardRef(() => NgAisInstantSearch)) public instantSearchParent
  ) {
    super('AisBrandWidgetComponent');
  }

  public ngOnInit() {
    this.createWidget(connectRefinementList, { attributeName: 'brand' });
    super.ngOnInit();
  }
}

The question has been answer on GitHub.