diff --git a/apps/webcomponents/src/app/webcomponents.module.ts b/apps/webcomponents/src/app/webcomponents.module.ts
index fa0f1cf47e..70724fe5eb 100644
--- a/apps/webcomponents/src/app/webcomponents.module.ts
+++ b/apps/webcomponents/src/app/webcomponents.module.ts
@@ -33,6 +33,7 @@ import { GnDatasetViewChartComponent } from './components/gn-dataset-view-chart/
 import { FeatureDatavizModule } from '@geonetwork-ui/feature/dataviz'
 import { FeatureAuthModule } from '@geonetwork-ui/feature/auth'
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations'
+import { provideGn4 } from '@geonetwork-ui/api/repository/gn4'
 
 const CUSTOM_ELEMENTS: [new (...args) => BaseComponent, string][] = [
   [GnFacetsComponent, 'gn-facets'],
@@ -83,6 +84,7 @@ const CUSTOM_ELEMENTS: [new (...args) => BaseComponent, string][] = [
     BrowserAnimationsModule,
   ],
   providers: [
+    provideGn4(),
     {
       provide: Configuration,
       useValue: apiConfiguration,