ivy-native issue with the component variables in the templates

After enabling the ivy-native feature my project got bugged where the templates(.html) couldn’t recognize the component variables or methods at all nor showing any error when writing an undefined variable. the image below is when clicking on the go to definition option of the variable.

Additional context

Angular CLI: 11.2.0
Node: 14.15.1
OS: win32 x64

Angular: 11.2.0
... animations, cdk, cli, common, compiler, compiler-cli, core
... forms, localize, material, material-moment-adapter
... platform-browser, platform-browser-dynamic, router
Ivy Workspace: Yes

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1001.7
@angular-devkit/build-angular   0.1001.7
@angular-devkit/core            10.1.7
@angular-devkit/schematics      11.2.0
@schematics/angular             11.2.0
@schematics/update              0.1102.0
rxjs                            6.6.3
typescript                      4.1.5

UPDATES

• updated my project to Angular 11, that didn’t fix the issue.

[jtsom]

Am seeing the same issue in the html file, with errors in the console every time I hover something:

Also seeing double when hovering over variables, etc. in the component file:

… turning Ivy off.

[255kb]

@AaronDovTurkel add "angular.experimental-ivy": false in your VSCode settings