hice una pipa

@Pipe({
  name: 'orgFilter'
})
export class OrgFilterPipe implements PipeTransform {
    transform(orgs: Organization[], args: String[]): any {
        console.log(orgs)
       let filter = args[0].toLowerCase();
       return filter ? orgs.filter((org:Organization) => org.name.toLowerCase().indexOf(filter) != -1): orgs;
}

y usándolo en html:

<tbody>
        <tr *ngFor="#organization of organizations | orgFilter:listFilter.value">
            <td>{{ organization.organizationName }}</td>
            <td>{{ organization.city }}</td>
            <td>{{ organization.state }}</td>
            <td>{{ organization.country }}</td>
            <td>
                <i class="material-icons">mode_edit</i>
            </td>
            <td>
                <i class="material-icons">delete</i>
            </td>
        </tr>
        <tr>
            <td>
                <div class="col-md-4"><input type="text" #listFilter (keyup)="0" /></div>
            </td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
</tbody>

recibo un error browser_adapter.js: 84 TypeError: No se puede leer la propiedad 'toLowerCase' de undefined en t.transform (orgFilter.ts: 9)

el problema radica en let filter = args [0] .toLowerCase ();

¿Qué lo está causando? ¿Esto significa que args no tiene ningún valor? ¿Debería declararlo en alguna parte? ¿Estoy usando pipe incorrectamente en html? Si elimino la tubería, veo una tabla con datos. pero cuando lo pongo en html, los datos desaparecen y solo hay este campo de entrada en la tabla