diff --git a/openvidu-components/openvidu-custom-participants-panel/src/app/app.component.ts b/openvidu-components/openvidu-custom-participants-panel/src/app/app.component.ts
index fe304fb0..f2199ee8 100644
--- a/openvidu-components/openvidu-custom-participants-panel/src/app/app.component.ts
+++ b/openvidu-components/openvidu-custom-participants-panel/src/app/app.component.ts
@@ -3,6 +3,7 @@ import { Component, OnInit } from "@angular/core";
 import { lastValueFrom, Subscription } from "rxjs";
 
 import { ParticipantAbstractModel, ParticipantService, TokenModel } from "openvidu-angular";
+import { environment } from 'src/environments/environment';
 
 @Component({
 	selector: 'app-root',
diff --git a/openvidu-components/openvidu-custom-stream/src/app/app.component.ts b/openvidu-components/openvidu-custom-stream/src/app/app.component.ts
index 0759a8ac..31d03c08 100644
--- a/openvidu-components/openvidu-custom-stream/src/app/app.component.ts
+++ b/openvidu-components/openvidu-custom-stream/src/app/app.component.ts
@@ -3,6 +3,7 @@ import { Component, OnInit } from '@angular/core';
 import { lastValueFrom } from "rxjs";
 
 import { TokenModel } from 'openvidu-angular';
+import { environment } from 'src/environments/environment';
 
 @Component({
 	selector: 'app-root',
diff --git a/openvidu-components/openvidu-custom-toolbar/src/app/app.component.ts b/openvidu-components/openvidu-custom-toolbar/src/app/app.component.ts
index a70768fe..b3234485 100644
--- a/openvidu-components/openvidu-custom-toolbar/src/app/app.component.ts
+++ b/openvidu-components/openvidu-custom-toolbar/src/app/app.component.ts
@@ -3,6 +3,7 @@ import { Component, OnInit } from "@angular/core";
 import { lastValueFrom } from "rxjs";
 
 import { OpenViduService, TokenModel } from "openvidu-angular";
+import { environment } from 'src/environments/environment';
 
 @Component({
 	selector: 'app-root',