Ionic EmojiPicker

I’m basically trying to add an emoji button to my application, using emoji picker for ionic 3, but when I click the button that calls the function it only shows a white rectangle (photo), I’m not sure if I have to enter the emojis manually or something like that , any help is grateful.
i use:
npm i ionic-emoji-picker --save

on app.modules

import { EmojiPickerModule } from 'ionic-emoji-picker';

@NgModule({
    ...
    imports: [
      ...
      EmojiPickerModule.forRoot()
      ],
    ...
})

on the html of the page:

<ion-input [(ngModel)]="message"></ion-input>

<button ion-button clear icon-only (click)="toggled = !toggled" [(emojiPickerIf)]="toggled" [emojiPickerDirection]="'top'"
  (emojiPickerSelect)="handleSelection($event)">
  <ion-icon name="md-happy"></ion-icon>
</button>

on the .ts of the page:

toggled: boolean = false;
message: string;

handleSelection(event) {
  this.message += event.char;
}

what i get whe run the app and click the icon: