How to use the type-graphql.Directive function in type-graphql

/* tslint:disable:max-classes-per-file */
import { Directive, Field, ObjectType } from 'type-graphql';
import { Node } from '@ultimatebackend/contracts';
import { Filterable } from '@graphqlcqrs/core';

@Directive(`@key(fields: "id")`)
@ObjectType()
export class Project extends Node {

  @Filterable()
  @Field()
  name: string;

  @Filterable()
  @Field({ nullable: true })
  description?: string;
}

/* tslint:disable:max-classes-per-file */
import { ObjectType, Directive, GraphQLISODateTime } from 'type-graphql';
import { Field } from 'type-graphql/dist/decorators/Field';
import {  Node } from '@ultimatebackend/contracts';
import { TenantMember } from './tenant-member.type';
import { Filterable } from '@graphqlcqrs/core';

@Directive(`@key(fields: "id")`)
@ObjectType()
export class Tenant extends Node {

  @Filterable()
  @Field({ nullable: true })
  name: string;

  @Filterable()
  @Field({ nullable: true })
  normalizedName: string;

  @Field(() => [TenantAccessToken!], { nullable: true })
  tokens?: TenantAccessToken[];

  @Filterable({ type: TenantMember })
  @Field(() => [TenantMember!], { nullable: true })

import { Directive, Field, ObjectType } from 'type-graphql';
import { Filterable } from '@graphqlcqrs/core';
import { AppRole, InvitationStatus, Node } from '@ultimatebackend/contracts';
import { Tenant } from './tenant.type';

@Directive(`@key(fields: "id")`)
@ObjectType()
export class TenantMember extends Node {

  @Filterable()
  @Field()
  email: string;

  @Filterable()
  @Field()
  status: InvitationStatus;

  @Filterable()
  @Field()
  role: AppRole;

  @Field(() => Tenant)