Non dynamic component in template considered unsafe unless called with <this.component />

I’m trying to get an ember 3.26 app to work with embroider with

staticAddonTestSupportTrees: true,
staticAddonTrees: true,
staticHelpers: true,
staticComponents: true,

When building the app I get errors for all template files that contain call normal non-dynamic components like this:

ERROR in ./templates/login.hbs
Module Error (from ../../../../../../../../Users/user/ember-web/node_modules/thread-loader/dist/cjs.js):
Unsafe dynamic component: cannot statically analyze this expression in templates/login.hbs
 @ ./assets/ember-web.js 1481:13-44

The template in question looks like this:

{{page-title "Login"}}

{{#if this.showBranding}}
  <div class="login split">
    <div class="split__page">
      <LoginForm class="bright-form bright" />
    </div>
  </div>
{{else}}
  <div class="login centered">
    <div class="centered__page">
      <LoginForm class="bright-form bright" />
    </div>
  </div>
{{/if}}

But the above Unsafe dynamic component error does not happen if I call the component with this. in front of the component name.

{{page-title "Login"}}

{{#if this.showBranding}}
  <div class="login split">
    <div class="split__page">
      <this.LoginForm class="bright-form bright" />
    </div>
  </div>
{{else}}
  <div class="login centered">
    <div class="centered__page">
      <this.LoginForm class="bright-form bright" />
    </div>
  </div>
{{/if}}

Invocation with <this.component/> doesn’t render anything. Is this a bug or am I doing something wrong? Thanks))

[ef4]

Yeah it’s already possible to use webpack-dev-server which provides hot reloading by the default. But it requires a bunch of mucking around. Work is underway to package that up and document it.

[x8BitRain]

I was using ember-ast-hot-reload at the same time, removing the package fixed the issue, thanks))