diff --git a/lib/services/template/_templates/component_js.tmpl b/lib/services/template/_templates/component_jsx.tmpl
similarity index 100%
rename from lib/services/template/_templates/component_js.tmpl
rename to lib/services/template/_templates/component_jsx.tmpl
diff --git a/lib/services/template/play_content.js b/lib/services/template/play_content.js
index b835658..14ad4e4 100644
--- a/lib/services/template/play_content.js
+++ b/lib/services/template/play_content.js
@@ -14,7 +14,7 @@ const TEMPLATE_DIRECTORY = "_templates";
 
 const TEMPLATE_MAP = {
   common: ["Readme_md"],
-  js: ["component_js"],
+  js: ["component_jsx"],
   ts: ["component_tsx"],
   css: ["styles_css"],
   scss: ["styles_scss"],
@@ -59,16 +59,16 @@ const replaceTemplateVar = (play_data, filePath) => {
 };
 
 const getTargetFileName = (source_file_name) => {
-  // e.g: component_js.tmpl
-  const source_file_name_ext_index = source_file_name.lastIndexOf("."); // ['component_js','tmpl']
+  // e.g: component_jsx.tmpl
+  const source_file_name_ext_index = source_file_name.lastIndexOf("."); // ['component_jsx','tmpl']
   const file_name_wo_ext = source_file_name.substring(
     0,
     source_file_name_ext_index
-  ); // 'component_js'
+  ); // 'component_jsx'
 
-  const source_file_name_segment = file_name_wo_ext.split("_"); // ['component', 'js']
+  const source_file_name_segment = file_name_wo_ext.split("_"); // ['component', 'jsx']
   const new_file_ext =
-    source_file_name_segment[source_file_name_segment.length - 1]; // 'js'
+    source_file_name_segment[source_file_name_segment.length - 1]; // 'jsx'
   source_file_name_segment.splice(-1, 1); // ['component']
   const new_file_name_wo_ext = source_file_name_segment.join(""); // 'component'