I tried to replicate this example, and the validation errors are not shown where it corresponds, and it also appears as invalid at some moments when I have already selected a file. the only validation that I put is that it was required

             <div class="file-field md-form m-0">
                 <input type="file" mdbFileSelect class="fileinput" accept="image/x-png,image/gif,image/jpeg" required  mdbInputDirective data-error="File is required" data-success="file required" formControlName="image">
                 <div mdbBtn  size="sm" class=" color_arrow waves-light" mdbWavesEffect>
                   <span>Choose Image</span>
                 </div>
                 <div class="file-path-wrapper">
                   <input class="file-path" type="text" placeholder="Upload your file" [value]="showFiles()">
                 </div>
               </div>