MDB4 Pro compatibility issue with Angular 12

Hello! I'm running into compatibility issues with installing MDB4 Pro successfully in my Angular 12 project. When running ng serve, I'm getting many errors like the following:

Error: node_modules/ng-uikit-pro-standard/lib/pro/material-select/select.component.d.ts:64:9 - error TS2380: 'get' and 'set' accessor must have the same type.

Through my research, people are mentioning various amounts of versioning incompatibilities so I'm reaching out for supports/guidance as to what versions of Angular, Material, Typescript, Node is required to run MDB4 Pro successfully.

I've tried delete my node_modules folder and re-running npm i, but unfortunately I have not had any luck. Any guidance here is very appreciated!

Resources (screenshots, code snippets etc.)

My package.json

  "dependencies": {
    "@angular/animations": "~12.2.17",
    "@angular/cdk": "^12.2.13",
    "@angular/common": "~12.2.17",
    "@angular/compiler": "~12.2.17",
    "@angular/core": "~12.2.17",
    "@angular/forms": "~12.2.17",
    "@angular/material": "^12.2.13",
    "@angular/platform-browser": "~12.2.17",
    "@angular/platform-browser-dynamic": "~12.2.17",
    "@angular/router": "~12.2.17",
    "@apollo/client": "^3.0.0",
    "@decahedron/entity": "^2.9.0",
    "@fortawesome/angular-fontawesome": "^0.7.0",
    "@fortawesome/fontawesome-free": "^5.15.4",
    "@fortawesome/fontawesome-svg-core": "^1.2.30",
    "@fortawesome/free-brands-svg-icons": "^5.13.0",
    "@fortawesome/free-regular-svg-icons": "^5.13.0",
    "@fortawesome/free-solid-svg-icons": "^5.14.0",
    "@ngrx/effects": "^11.1.1",
    "@ngrx/entity": "^11.1.1",
    "@ngrx/router-store": "^11.1.1",
    "@ngrx/store": "^11.1.1",
    "@ngrx/store-devtools": "^11.1.1",
    "apollo-angular": "^2.6.0",
    "aws-sdk": "^2.1098.0",
    "chart.js": "^3.1.1",
    "graphql": "^15.0.0",
    "mat-table-exporter": "^9.0.2",
    "mat-table-filter": "^9.0.1",
    "ng-uikit-pro-standard": "git+https://oauth2:MY_ACCESS_KEY_@git.mdbootstrap.com/mdb/angular/ng-uikit-pro-standard.git",
    "ngrx-store-logger": "^0.2.4",
    "ngx-spinner": "^10.0.1",
    "rxjs": "~6.5.5",
    "tslib": "^2.0.0",
    "zone.js": "~0.11.4"
  },
  "devDependencies": {
    "@angular-builders/jest": "10.0.1",
    "@angular-devkit/build-angular": "^12.2.18",
    "@angular/cli": "^12.2.18",
    "@angular/compiler-cli": "~12.2.17",
    "@ngrx/schematics": "^11.1.1",
    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
    "@types/jest": "26.0.15",
    "@types/node": "^12.20.47",
    "codelyzer": "^6.0.0",
    "jasmine-core": "~3.5.0",
    "jasmine-spec-reporter": "~5.0.0",
    "jest": "26.6.3",
    "lite-server": "^2.6.1",
    "protractor": "~7.0.0",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0",
    "typescript": "^4.2.4"
  }

My current Angular CLI version

Angular CLI: 12.2.18
Node: 14.16.1
Package Manager: npm 6.14.12
OS: darwin x64

Angular: 12.2.17
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1202.18
@angular-devkit/build-angular   12.2.18
@angular-devkit/core            12.2.18
@angular-devkit/schematics      12.2.18
@angular/cdk                    12.2.13
@angular/cli                    12.2.18
@angular/material               12.2.13
@schematics/angular             12.2.18
rxjs                            6.5.5
typescript                      4.2.4