Demo Turbo stream / Stimulus controller loading issue

Gemfile

@@ -22,7 +22,8 @@ gem "importmap-rails"
 gem "turbo-rails"
 
 # Hotwire's modest JavaScript framework [https://stimulus.hotwired.dev]
-gem "stimulus-rails"
+# gem "stimulus-rails"
+gem "stimulus-rails", github: "hotwired/stimulus-rails"
 
 # Build JSON APIs with ease [https://github.com/rails/jbuilder]
 gem "jbuilder"

Gemfile.lock

@@ -1,3 +1,10 @@
+GIT
+  remote: https://github.com/hotwired/stimulus-rails.git
+  revision: 993523e275c8fa5f8eecfb23fc607fdbde526533
+  specs:
+    stimulus-rails (1.0.3)
+      railties (>= 6.0.0)
+
 GEM
   remote: https://rubygems.org/
   specs:
@@ -184,8 +191,6 @@ GEM
       activesupport (>= 5.2)
       sprockets (>= 3.0.0)
     sqlite3 (1.4.2)
-    stimulus-rails (1.0.3)
-      railties (>= 6.0.0)
     strscan (3.0.1)
     thor (1.2.1)
     timeout (0.2.0)
@@ -225,7 +230,7 @@ DEPENDENCIES
   selenium-webdriver
   sprockets-rails
   sqlite3 (~> 1.4)
-  stimulus-rails
+  stimulus-rails!
   turbo-rails
   tzinfo-data
   web-console

app/javascript/controllers/auto_remove_controller.js

@@ -0,0 +1,17 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  connect() {
+    this.timeout = setTimeout(this.remove, 4000)
+  }
+
+  disconnect() {
+    clearTimeout(this.timeout)
+
+    this.remove()
+  }
+
+  remove = () => {
+    this.element.remove()
+  }
+}

app/javascript/controllers/index.js

@@ -3,9 +3,9 @@
 import { application } from "controllers/application"
 
 // Eager load all controllers defined in the import map under controllers/**/*_controller
-import { eagerLoadControllersFrom } from "@hotwired/stimulus-loading"
-eagerLoadControllersFrom("controllers", application)
+// import { eagerLoadControllersFrom } from "@hotwired/stimulus-loading"
+// eagerLoadControllersFrom("controllers", application)
 
 // Lazy load controllers as they appear in the DOM (remember not to preload controllers in import map!)
-// import { lazyLoadControllersFrom } from "@hotwired/stimulus-loading"
-// lazyLoadControllersFrom("controllers", application)
+import { lazyLoadControllersFrom } from "@hotwired/stimulus-loading"
+lazyLoadControllersFrom("controllers", application)

app/javascript/controllers/turbo_simulator_controller.js

@@ -0,0 +1,22 @@
+import { Controller } from "@hotwired/stimulus"
+
+let elementIndex = 1
+
+export default class extends Controller {
+  append() {
+    var htmlEl = document.getElementsByTagName("html")[0]
+
+    let template = `
+    <turbo-stream action="append" target="posts">
+      <template>
+        <div data-controller="auto-remove">
+          ${elementIndex}. Hello world
+        </div>
+      </template>
+    </turbo-stream>
+    `
+
+    htmlEl.insertAdjacentHTML("beforeend", template)
+    elementIndex++;
+  }
+}