diff --git a/apps/remix-ide/src/app-component.js b/apps/remix-ide/src/app-component.js
index e8a9d6d4f1..642d3c6a5f 100644
--- a/apps/remix-ide/src/app-component.js
+++ b/apps/remix-ide/src/app-component.js
@@ -86,17 +86,9 @@ class AppComponent {
     self.engine = new RemixEngine()
     self.engine.register(appManager)
 
-    const queryParams = new QueryParams()
-    const params = queryParams.get()
-    self.startWalkthroughService = () => {
-      console.log('start walkthrough')
-      const walkthroughService = new WalkthroughService(localStorage)
-      if (!params.code && !params.url && !params.minimizeterminal && !params.gist && !params.minimizesidepanel) {
-        walkthroughService.start()
-      }
-    }
-
-    self.startWalkthroughService()
+    // const queryParams = new QueryParams()
+    // const params = queryParams.get()
+    self.walkthroughService = new WalkthroughService(localStorage)
 
     const hosts = ['127.0.0.1:8080', '192.168.0.101:8080', 'localhost:8080']
     // workaround for Electron support
diff --git a/apps/remix-ide/src/index.tsx b/apps/remix-ide/src/index.tsx
index 3efedd811c..19378180aa 100644
--- a/apps/remix-ide/src/index.tsx
+++ b/apps/remix-ide/src/index.tsx
@@ -1,7 +1,7 @@
 // eslint-disable-next-line no-use-before-define
 import React from 'react'
 import ReactDOM from 'react-dom'
-import App from './App'
+import App from './app'
 
 ReactDOM.render(
   <React.StrictMode>
diff --git a/apps/remix-ide/src/walkthroughService.js b/apps/remix-ide/src/walkthroughService.js
index 5bd92042bb..082b9ce2af 100644
--- a/apps/remix-ide/src/walkthroughService.js
+++ b/apps/remix-ide/src/walkthroughService.js
@@ -1,7 +1,10 @@
+import { ViewPlugin } from '@remixproject/engine-web'
+
 const introJs = require('intro.js')
 
-export class WalkthroughService {
+export class WalkthroughService extends ViewPlugin {
   constructor (params) {
+    super()
     this.params = params
   }
 
@@ -52,7 +55,4 @@ export class WalkthroughService {
       }
     })
   }
-
-  startFeatureTour () {
-  }
 }
diff --git a/libs/remix-ui/app/src/lib/remix-app/modals/matomo.tsx b/libs/remix-ui/app/src/lib/remix-app/modals/matomo.tsx
index b2a79c2a04..b5bad8397f 100644
--- a/libs/remix-ui/app/src/lib/remix-app/modals/matomo.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/modals/matomo.tsx
@@ -4,7 +4,7 @@ import AppContext from '../context/context'
 const _paq = window._paq = window._paq || []
 
 const MatomoDialog = (props) => {
-  const { settings, registry, startWalkthroughService } = useContext(AppContext)
+  const { settings, registry } = useContext(AppContext)
   const [visible, setVisible] = useState<boolean>(props.hide)
   useEffect(() => {
     const matomoDomains = {
diff --git a/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx b/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx
index 90ec8a46b0..5fb581d3dd 100644
--- a/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx
+++ b/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx
@@ -57,7 +57,7 @@ const RemixApp = (props: IRemixAppUi) => {
   }
 
   return (
-    <AppContext.Provider value={{ settings: props.app.settings, registry: props.app.registry, startWalkthroughService: props.app.startWalkthroughService }}>
+    <AppContext.Provider value={{ settings: props.app.settings, registry: props.app.registry }}>
       <RemixSplashScreen hide={appReady}></RemixSplashScreen>
       <AlertModal></AlertModal>
       <MatomoDialog hide={!appReady}></MatomoDialog>