diff --git a/docs/tutorials/how-to-create-your-first-extension.md b/docs/tutorials/how-to-create-your-first-extension.md
index 9f6e26769..aab4d441f 100644
--- a/docs/tutorials/how-to-create-your-first-extension.md
+++ b/docs/tutorials/how-to-create-your-first-extension.md
@@ -44,7 +44,7 @@ import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 
 import { ExtensionService, provideExtensionConfig } from '@alfresco/adf-extensions';
-import { CoreModule, TRANSLATION_PROVIDER } from '@alfresco/adf-core';
+import { CoreModule, MaterialModule, TRANSLATION_PROVIDER } from '@alfresco/adf-core';
 
 import { MyExtensionComponent } from './my-extension.component';
 import { MyExtensionService } from './my-extension.service';
@@ -70,14 +70,11 @@ export function components() {
     declarations: components(),
     exports: components(),
 })
-export class MyViewModule {
-    constructor(extensions: ExtensionService, myService: MyExtensionService) {
+export class MyExtensionModule {
+    constructor(extensions: ExtensionService) {
         extensions.setComponents({
           'my-extension.main.component' : MyExtensionComponent,
         });
-        extensions.setEvaluators({
-           'my-extensionr.disabled': () => !myService.mySmartViewerEnabled(),
-        });
     }
 }
 ```