# Video SDK UI Toolkit in angular Error!

**URL:** <https://devforum.zoom.us/t/video-sdk-ui-toolkit-in-angular-error/108239>\
**Category:** UI ToolKit\
**Created:** [April 19, 2024, 8:54am UTC](https://devforum.zoom.us/t/video-sdk-ui-toolkit-in-angular-error/108239 "2024-04-19T08:54:33Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![reynaldy.septian](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/reynaldy.septian/32/58853_2.png) [@reynaldy.septian](https://devforum.zoom.us/u/reynaldy.septian)\
**Post date:** [April 19, 2024, 8:54am UTC](https://devforum.zoom.us/t/video-sdk-ui-toolkit-in-angular-error/108239/1 "2024-04-19T08:54:33Z")

</div>

Hello, I am currently attempting to configure the preview for the **Video SDK UI Toolkit** in **Angular** but have encountered an issue in the form of an error with reference to **Error: NG0909**. This error appears consistently whenever I perform actions such as turning on the camera or speaking into the mic. Has anyone else experienced this? I would appreciate any assistance. Thank you very much.

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [May 8, 2024, 9:18pm UTC](https://devforum.zoom.us/t/video-sdk-ui-toolkit-in-angular-error/108239/2 "2024-05-08T21:18:17Z")

</div>

Hey @reynaldy.septian ,

Checkout our Angular sample as it is a working example of the UI Toolkit in Angular:

> **[GitHub - zoom/videosdk-ui-toolkit-angular-sample: Use the Zoom Video SDK UI...](https://github.com/zoom/videosdk-ui-toolkit-angular-sample)**
>
> Use the Zoom Video SDK UI Toolkit in Angular. Contribute to zoom/videosdk-ui-toolkit-angular-sample development by creating an account on GitHub.

If you are still having trouble, could you provide the UI Toolkit version, steps to reproduce the issue and some screenshots?

Best,  
Tommy

---

<div class="post-metadata">

**Author:** ![agprem](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/agprem/32/51213_2.png) [@agprem](https://devforum.zoom.us/u/agprem)\
**Post date:** [June 17, 2024, 2:52pm UTC](https://devforum.zoom.us/t/video-sdk-ui-toolkit-in-angular-error/108239/3 "2024-06-17T14:52:51Z")

</div>

I am having same issue with uitoolkit 1.9 version and angular 14

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [June 17, 2024, 9:55pm UTC](https://devforum.zoom.us/t/video-sdk-ui-toolkit-in-angular-error/108239/4 "2024-06-17T21:55:03Z")

</div>

Hey @agprem ,

Please upgrade to the latest version of the UI Toolkit: [@zoom/videosdk-ui-toolkit - npm](https://www.npmjs.com/package/@zoom/videosdk-ui-toolkit)

Here is a reference Angular app using the UI Toolkit: [GitHub - zoom/videosdk-ui-toolkit-angular-sample: Use the Zoom Video SDK UI Toolkit in Angular](https://github.com/zoom/videosdk-ui-toolkit-angular-sample)

Best,  
Tommy

---

<div class="post-metadata">

**Author:** ![agprem](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/agprem/32/51213_2.png) [@agprem](https://devforum.zoom.us/u/agprem)\
**Post date:** [June 25, 2024, 6:19pm UTC](https://devforum.zoom.us/t/video-sdk-ui-toolkit-in-angular-error/108239/5 "2024-06-25T18:19:17Z")

</div>

I have updated the version but with Angular 14 it’s showing zone error…I need to implement in angular 14 only …in ur git code it’s Angular 17.please provide some solution.asap

---

<div class="post-metadata">

**Author:** ![nabullarock](https://avatars.discourse-cdn.com/v4/letter/n/aeb1de/32.png) [@nabullarock](https://devforum.zoom.us/u/nabullarock)\
**Post date:** [July 22, 2024, 10:37am UTC](https://devforum.zoom.us/t/video-sdk-ui-toolkit-in-angular-error/108239/6 "2024-07-22T10:37:01Z")

</div>

Hello,  
I am trying to integrate it into angular 15 project getting the same issue. Have you solved it ?

---

<div class="post-metadata">

**Author:** ![nabullarock](https://avatars.discourse-cdn.com/v4/letter/n/aeb1de/32.png) [@nabullarock](https://devforum.zoom.us/u/nabullarock)\
**Post date:** [July 24, 2024, 11:06am UTC](https://devforum.zoom.us/t/video-sdk-ui-toolkit-in-angular-error/108239/7 "2024-07-24T11:06:12Z")

</div>

I found the solution to this.

```auto
async ngAfterContentInit(): Promise<void> {
    this.ngZone.runOutsideAngular(async () => {
      const toolkit = (await import('@zoom/videosdk-ui-toolkit')).default;
      this.uiToolkit = toolkit;
    });
  }

```

This resolved the error.

---

<div class="post-metadata">

**Author:** ![agprem](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/agprem/32/51213_2.png) [@agprem](https://devforum.zoom.us/u/agprem)\
**Post date:** [July 31, 2024, 6:50pm UTC](https://devforum.zoom.us/t/video-sdk-ui-toolkit-in-angular-error/108239/8 "2024-07-31T18:50:23Z")

</div>

> [@nabullarock](#):
>
> ```auto
> async ngAfterContentInit(): Promise<void> {
> this.ngZone.runOutsideAngular(async () => {
> const toolkit = (await import('@zoom/videosdk-ui-toolkit')).default
> 
> ```

Where to put this code please revert asap

---

<div class="post-metadata">

**Author:** ![agprem](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/agprem/32/51213_2.png) [@agprem](https://devforum.zoom.us/u/agprem)\
**Post date:** [August 1, 2024, 10:01am UTC](https://devforum.zoom.us/t/video-sdk-ui-toolkit-in-angular-error/108239/9 "2024-08-01T10:01:51Z")

</div>

Please reply need immediate response

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [February 10, 2025, 7:14pm UTC](https://devforum.zoom.us/t/video-sdk-ui-toolkit-in-angular-error/108239/10 "2025-02-10T19:14:33Z")

</div>

Hey @agprem , @nabullarock ,

Please reference the Angular sample:

> **[GitHub - zoom/videosdk-ui-toolkit-angular-sample: Use the Zoom Video SDK UI Toolkit in Angular](https://github.com/zoom/videosdk-ui-toolkit-angular-sample)**
>
> Use the Zoom Video SDK UI Toolkit in Angular

Best,  
Tommy