diff --git a/gems/bess/lib/generators/react/component_generator.rb b/gems/bess/lib/generators/react/component_generator.rb
index fdbf7e0e..4bb8e2e1 100644
--- a/gems/bess/lib/generators/react/component_generator.rb
+++ b/gems/bess/lib/generators/react/component_generator.rb
@@ -112,7 +112,7 @@ module React
           template_extension = if options[:coffee]
             'js.jsx.coffee'
           elsif options[:ts]
-            'js.jsx.tsx'
+            'js.jsx.tsx.erb'
           elsif options[:es6] || webpacker?
             'es6.jsx'
           else
diff --git a/gems/bess/lib/generators/templates/component.js.jsx.tsx b/gems/bess/lib/generators/templates/component.js.jsx.tsx.erb
similarity index 100%
rename from gems/bess/lib/generators/templates/component.js.jsx.tsx
rename to gems/bess/lib/generators/templates/component.js.jsx.tsx.erb