Error TS2339: Property 'AudioContext' does not exist on type 'Window'.

[voigtd]

I am importing AudioInputTest and getting the following error:

ERROR in node_modules/@twilio/rtc-diagnostics/es5/lib/AudioInputTest.d.ts(272,45): error TS2339: Property 'AudioContext' does not exist on type 'Window'.
node_modules/@twilio/rtc-diagnostics/es5/lib/AudioOutputTest.d.ts(177,45): error TS2339: Property 'AudioContext' does not exist on type 'Window'.
node_modules/@twilio/rtc-diagnostics/es5/lib/recorder/audio.d.ts(47,9): error TS1086: An accessor cannot be declared in an ambient context.

I am using the latest SDK version (1.0.0) with the following environment:

• Node 12.9.1
• NPM 6.14.8
• Angular 7.2.4
• TypeScript 3.2.4

[charliesantos]

Hey @voigtd ,
Thank you for submitting. Can you please provide what OS and browser versions you're running this on?

[voigtd]

Hey @voigtd ,
Thank you for submitting. Can you please provide what OS and browser versions you're running this on?

Sure @charliesantos,

Browser: Chrome 86.0.4240.198
OS: MacOS Catalina 10.15.7

[charliesantos]

Hey @voigtd , I'm not seeing this on our end. Are you seeing this on chrome console or on your terminal?

[voigtd]

@charliesantos Terminal, it's a TS transpilation error

There are actually two different issues, both dealing with TS:

• error TS2339: Property 'AudioContext' does not exist on type 'Window'.
• error TS1086: An accessor cannot be declared in an ambient context.

I found a workaround for the first error:

declare global {
  interface Window {
    AudioContext: typeof AudioContext;
    webkitAudioContext: typeof AudioContext;
  }
}

And the second error:
adding "skipLibCheck": true to the tsconfig.json file

For now the import compiles (haven't actually implemented the diagnostics sdk yet) but I'd like to not use "skipLibCheck": true as it might cause or hide future issues.

If I were to guess there are probably other prerequisites besides node 12+ that might be causing the issue, i.e. TypeScript version, or something similar.

[charliesantos]

Thanks for the additional information @voigtd . I'll add internal ticket to investigate further.

[charliesantos]

JIRA: https://issues.corp.twilio.com/browse/CLIENT-8205

[charliesantos]

Hi @voigtd , can you please try something quick for me. Can you please update to latest version of typescript? I'm using 3.9 and I don't see the issue.

[voigtd]

@charliesantos The app is using Angular 7 and TypeScript 3.2.4, as included in the initial description. Upgrading TypeScript would require a major Angular upgrade as well, which is significant. If a certain version of TypeScript is required it would benefit developers if that and all other necessary dependencies were listed in the prerequisites.

[charliesantos]

Thanks for the additional information @voigtd

[AbreezaSaleem]

Hi. Is there any update on this? I am seeing this issue on typescript version 4.9.3

[charliesantos]

Hi @AbreezaSaleem , can you try the workaround mentioned here and see if it works?

[AbreezaSaleem]

Hi @charliesantos thanks for getting back to me. I had to make a small update to the solution shared to make it work on my end. Adding a declaration for global in my declarations file was giving me the following error:

Augmentations for the global scope can only be directly nested in external modules or ambient module declarations.

I had to add export {}; (according to this answer on SO) to my declaration file to make the error go away. After this, the typescript error went away as well.