[ERROR The ngx-dropzone component requires a child of <input type="file" fileInput />. about ngx-dropzone HOT 5 CLOSED

import { ChangeDetectionStrategy, Component } from '@angular/core';
import { NG_VALUE_ACCESSOR } from '@angular/forms';
import { DropzoneCdkModule, DropzoneComponent } from '@ngx-dropzone/cdk';

@Component({
  selector: 'sk-file-zone',
  standalone: true,
  imports: [DropzoneCdkModule],
  providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: FilezoneComponent }],
  template: ` <div class="my-dropzone" (click)="onContainerClick()">
    <ng-content select="[fileInput]"></ng-content>
    <ng-content select="[items]"></ng-content>
  </div>`,
  styles: `.my-dropzone {
        cursor: pointer;
        text-align: center;
        padding: 40px;
        background: platinum;
        border: 1px solid black;
  }

  .dragover > .my-dropzone {
    border-width: 2px;
  }`,
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class FilezoneComponent extends DropzoneComponent {
  public onContainerClick(): void {
    this.openFilePicker();
  }
}

import { Component } from '@angular/core';
import { FormControl, ReactiveFormsModule } from '@angular/forms';
import { DropzoneCdkModule, FileInputValue } from '@ngx-dropzone/cdk';

import { FilezoneComponent } from '../../../../components/filezone/filezone.component';

@Component({
  standalone: true,
  imports: [FilezoneComponent, DropzoneCdkModule, ReactiveFormsModule],
  template: `<div class="mt-3">
    <sk-file-zone>
      <input
        type="file"
        fileInput
        [formControl]="fileControl"
        mode="append"
        multiple
      />
      <div items>
        @for (file of files; track file.name) {
          <div>{{ file.name }}</div>
        }
      </div>
    </sk-file-zone>
  </div> `,
})
export class AssignmentWorkComponent {
  public fileControl = new FormControl<FileInputValue>(null);

  get files(): File[] {
    const files = this.fileControl.value;

    if (!files) return [];

    return Array.isArray(files) ? files : [files];
  }
}