@angular/core has no exported member 'Renderer'

When asking general “how to” questions:

• Please do not open an issue here!

• Instead, ask for help on StackOverflow with Materialize and Angular tags.

• Read the CONTRIBUTING document Any issues that are violating the contributing guidelines, will be closed!

• Search for duplicate or closed issues and make sure that is not an issue related to Materialize or other library.

• Prepare a reduced test case for any bugs.

• Provide a StackBlitz that reproduce your issue.

Expected Behavior

to compile properly

Current Behavior

When compiling, angular throws the following error:

node_modules/ngx-materialize/src/tooltip/tooltip.directive.d.ts:4:67 - error TS2724: Module '"../../../@angular/core/core"' has no exported member 'Renderer'. Did you mean 'Renderer2'?
import { AfterViewInit, ElementRef, OnChanges, OnDestroy, OnInit, Renderer, SimpleChanges } from '@angular/core';
node_modules/@angular/core/core.d.ts:5740:31
        5740 export declare abstract class Renderer2 {
        'Renderer2' is declared here.

Context

• Running a THREE.js canvas in angular
• Otherwise nothing special

Your Environment

Here’s my package.json:

{
  "name": "web-renderer3-d",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "clean-install": "rm -f package-lock.json && rm -rf node_modules/ && npm cache clear -f && npm i"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "~9.1.3",
    "@angular/common": "~9.1.3",
    "@angular/compiler": "~9.1.3",
    "@angular/core": "~9.1.3",
    "@angular/forms": "~9.1.3",
    "@angular/platform-browser": "~9.1.3",
    "@angular/platform-browser-dynamic": "~9.1.3",
    "@angular/router": "~9.1.3",
    "@avatsaev/three-orbitcontrols-ts": "^0.1.5",
    "@types/three": "^0.103.2",
    "hammerjs": "^2.0.8",
    "materialize-css": "^1.0.0",
    "ngx-materialize": "^6.1.3",
    "rxjs": "~6.5.4",
    "three": "^0.115.0",
    "three-orbitcontrols-ts": "^0.1.2",
    "three-trackballcontrols-ts": "^0.2.1",
    "tslib": "^1.10.0",
    "zone.js": "~0.10.2"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.901.3",
    "@angular/cli": "~9.1.3",
    "@angular/compiler-cli": "~9.1.3",
    "@angular/language-service": "~9.1.3",
    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
    "codelyzer": "^5.1.2",
    "jasmine-core": "~3.5.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~5.0.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~2.1.0",
    "karma-jasmine": "~3.0.1",
    "karma-jasmine-html-reporter": "^1.4.2",
    "protractor": "~5.4.3",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0",
    "typescript": "~3.8.3"
  }
}