Angular Animation from void to state won't work

Question

I have the following animation:

trigger('EnterLeave', [
    transition('start => void', [
      animate('300ms ease-out', style({ transform: 'translateX(-100%)' }))
    ]),
    transition('void => stop', [
      state('void', style({ transform: 'translateX(-100%)' })),
      animate('300ms ease-out', style({ transform: 'translateX(0%)' }))
    ]),
    transition('stop => void', [
      animate('300ms ease-out', style({ transform: 'translateX(100%)' }))
    ])
  ]);

<div *ngFor="let task of tasks" class="row mt-5" [@EnterLeave]="animation">
</div>

In .ts:
animation = 'stop';

The only transition not working is void => stop. I've also tried void => *, but this wouldn't work as well.

All I want is the content to come in from the left.

Does anyone see the issue here? I've tried to solve this for a while now.