[ERROR] NG8003: No directive found with exportAs 'mdbCollap

Hello, I copied and pasted the navbar on my Angular page and I got an error, [ERROR] NG8003: No directive found with exportAs 'mdbCollapse'. [plugin angular-compiler]. I've already imported MdbCollapseModule as follow:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
// MDB Modulesimport { MdbAccordionModule } from 'mdb-angular-ui-kit/accordion';
import { MdbCarouselModule } from 'mdb-angular-ui-kit/carousel';
import { MdbCheckboxModule } from 'mdb-angular-ui-kit/checkbox';
import { MdbCollapseModule } from 'mdb-angular-ui-kit/collapse';
import { MdbDropdownModule } from 'mdb-angular-ui-kit/dropdown';
import { MdbFormsModule } from 'mdb-angular-ui-kit/forms';
import { MdbModalModule } from 'mdb-angular-ui-kit/modal';
import { MdbPopoverModule } from 'mdb-angular-ui-kit/popover';
import { MdbRadioModule } from 'mdb-angular-ui-kit/radio';
import { MdbRangeModule } from 'mdb-angular-ui-kit/range';
import { MdbRippleModule } from 'mdb-angular-ui-kit/ripple';
import { MdbScrollspyModule } from 'mdb-angular-ui-kit/scrollspy';
import { MdbTabsModule } from 'mdb-angular-ui-kit/tabs';
import { MdbTooltipModule } from 'mdb-angular-ui-kit/tooltip';
import { MdbValidationModule } from 'mdb-angular-ui-kit/validation';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { HeaderComponent } from './views/common/header/header.component';
import { FooterComponent } from './views/common/footer/footer.component';
@NgModule({ 
    declarations: \[ AppComponent \], 
    imports: \[ 
        BrowserModule, 
        BrowserAnimationsModule, 
        MdbAccordionModule, 
        MdbCarouselModule, 
        MdbCheckboxModule, 
        MdbCollapseModule, 
        MdbDropdownModule, 
        MdbFormsModule, 
        MdbModalModule, 
        MdbPopoverModule, 
        MdbRadioModule, 
        MdbRangeModule, 
        MdbRippleModule, 
        MdbScrollspyModule, 
        MdbTabsModule, 
        MdbTooltipModule, 
        MdbValidationModule, 
        HeaderComponent, 
        FooterComponent 
    \], 
    providers: \[\], 
    bootstrap: \[AppComponent\]})export class AppModule { }

{
  'mdb5-angular-ui-kit-pro-advanced': '7.1.0',
   npm: '10.8.2',
node: '18.20.6',
acorn: '8.13.0',
ada: '2.8.0',
ares: '1.29.0',
base64: '0.5.2',
brotli: '1.1.0',
cjs_module_lexer: '1.2.2',
cldr: '44.1',
icu: '74.2',
llhttp: '6.1.1',
modules: '108',
napi: '9',
nghttp2: '1.61.0',
nghttp3: '0.7.0',
ngtcp2: '1.3.0',
openssl: '3.0.15+quic',
simdutf: '5.6.0',
tz: '2024a',
undici: '5.28.5',
unicode: '15.1',
uvwasi: '0.0.19',
v8: '10.2.154.26-node.37',
zlib: '1.3.0.1-motley'
}
Angular CLI: 18.2.2

Am i missing imports or something else? thank you