TypeError: Cannot read properties of null (reading 'firstCreatePass')
  at providersResolver (@angular/forms.js:18597:13)

import { FormsModule } from '@angular/forms';
import { ReactiveFormsModule, FormBuilder, FormGroup } from '@angular/forms';

@Component({
  imports: [CommonModule, RouterModule, FormsModule]
})

private fb = inject(FormBuilder);
filterForm: FormGroup = this.fb.group({...});

// Simple string properties
searchTerm = '';
selectedLocation = '';
selectedRegion = '';
selectedType = '';
selectedCategory = '';

// Event handler methods
onSearchChange(event: Event): void {
  this.searchTerm = (event.target as HTMLInputElement).value;
  this.applyFilters();
}

onRegionChange(event: Event): void {
  this.selectedRegion = (event.target as HTMLSelectElement).value;
  this.applyFilters();
}

// ... similar for other filters

<section [formGroup]="filterForm">
  <input formControlName="search" />
  <select formControlName="region">

<section class="search-section">
  <input
    [value]="searchTerm"
    (input)="onSearchChange($event)"
    placeholder="Zoek naar vacatures...">

  <select [value]="selectedRegion" (change)="onRegionChange($event)">
    <option value="">Alle Provincies</option>
    <option *ngFor="let region of regions" [value]="region">{{ region }}</option>
  </select>

Screenshot: Blank white page
Console: TypeError: Cannot read properties of null...
DOM: <app-job-list> NOT FOUND
Status: 🔴 BROKEN

Screenshot: Full job listing page with 8 jobs displayed
Console: NO NEW ERRORS (only old cached errors)
DOM: <app-job-list> RENDERED with 8 job cards
Status: ✅ WORKING PERFECTLY

// Remove these:
import { FormsModule } from '@angular/forms';
import { ReactiveFormsModule, FormBuilder, FormGroup } from '@angular/forms';

// Keep only:
import { CommonModule } from '@angular/common';
import { RouterModule } from '@angular/router';

// Before:
filterForm: FormGroup = this.fb.group({
  search: [''],
  region: ['']
});

// After:
searchTerm = '';
selectedRegion = '';

onSearchChange(event: Event): void {
  this.searchTerm = (event.target as HTMLInputElement).value;
  this.applyFilters();
}

onRegionChange(event: Event): void {
  this.selectedRegion = (event.target as HTMLSelectElement).value;
  this.applyFilters();
}

<!-- Before: -->
<input [formControl]="searchControl" />
<input [(ngModel)]="searchTerm" />

<!-- After: -->
<input [value]="searchTerm" (input)="onSearchChange($event)" />