diff --git a/lib/discourse_js_processor.rb b/lib/discourse_js_processor.rb
index 6d7b01792b6..e5893ce4602 100644
--- a/lib/discourse_js_processor.rb
+++ b/lib/discourse_js_processor.rb
@@ -3,6 +3,7 @@ require 'execjs'
 require 'mini_racer'
 
 class DiscourseJsProcessor
+
   def self.plugin_transpile_paths
     @@plugin_transpile_paths ||= Set.new
   end
@@ -94,7 +95,7 @@ class DiscourseJsProcessor
 JS
       source = File.read("#{Rails.root}/lib/javascripts/widget-hbs-compiler.js")
       js_source = ::JSON.generate(source, quirks_mode: true)
-      js = ctx.eval(BabelHelper.build(js_source))
+      js = ctx.eval("Babel.transform(#{js_source}, { ast: false, plugins: ['transform-arrow-functions', 'transform-block-scoped-functions', 'transform-block-scoping', 'transform-computed-properties', 'transform-destructuring', 'transform-duplicate-keys', 'transform-for-of', 'transform-function-name', 'transform-literals', 'transform-object-super', 'transform-parameters', 'transform-shorthand-properties', 'transform-spread', 'transform-sticky-regex', 'transform-template-literals', 'transform-typeof-symbol', 'transform-unicode-regex'] }).code")
       ctx.eval(js)
 
       ctx
@@ -138,29 +139,12 @@ JS
       opts ||= {}
 
       js_source = ::JSON.generate(source, quirks_mode: true)
+
       if opts[:module_name] && !@skip_module
         filename = opts[:filename] || 'unknown'
-
-        BabelHelper.build(
-          js_source,
-          [
-            ['transform-modules-amd', { noInterop: true }],
-            WidgetHbsCompiler,
-          ],
-          {
-            moduleId: opts[:module_name],
-            filename: filename,
-          }
-        )
+        "Babel.transform(#{js_source}, { moduleId: '#{opts[:module_name]}', filename: '#{filename}', ast: false, presets: ['es2015'], plugins: [['transform-modules-amd', {noInterop: true}], ['proposal-decorators', {legacy: true} ], exports.WidgetHbsCompiler] }).code"
       else
-        # transform-template-literals is causing issues with hbs`` when used in others
-        BabelHelper.build(
-          js_source,
-          [
-            'transform-template-literals',
-            WidgetHbsCompiler,
-          ]
-        )
+        "Babel.transform(#{js_source}, { ast: false, plugins: ['proposal-json-strings', 'proposal-nullish-coalescing-operator', 'proposal-logical-assignment-operators', 'proposal-numeric-separator', 'proposal-optional-catch-binding', 'transform-dotall-regex', 'proposal-unicode-property-regex', 'transform-named-capturing-groups-regex', 'proposal-object-rest-spread', 'proposal-optional-chaining', 'transform-arrow-functions', 'transform-block-scoped-functions', 'transform-block-scoping', 'transform-computed-properties', 'transform-destructuring', 'transform-duplicate-keys', 'transform-for-of', 'transform-function-name', 'transform-literals', 'transform-object-super', 'transform-parameters', 'transform-shorthand-properties', 'transform-spread', 'transform-sticky-regex', 'transform-template-literals', 'transform-typeof-symbol', 'transform-unicode-regex', ['proposal-decorators', {legacy: true}], exports.WidgetHbsCompiler] }).code"
       end
     end
 
@@ -179,61 +163,6 @@ JS
       # We need to strip the app subdirectory to replicate how ember-cli works.
       path || logical_path&.gsub('app/', '')&.gsub('addon/', '')&.gsub('admin/addon', 'admin')
     end
-  end
 
-  class Exports
-    def self.to_json
-      self.to_s
-    end
-  end
-
-  class WidgetHbsCompiler < Exports
-    def self.to_s
-      'exports.WidgetHbsCompiler'
-    end
-  end
-
-  class BabelHelper
-    PLUGINS = [
-      'transform-literals',
-      'transform-named-capturing-groups-regex',
-      'transform-sticky-regex',
-      'transform-unicode-regex',
-      'transform-for-of',
-      'transform-function-name',
-      'transform-spread',
-      'transform-typeof-symbol',
-      'transform-computed-properties',
-      'transform-destructuring',
-      'transform-duplicate-keys',
-      'transform-arrow-functions',
-      'transform-block-scoped-functions',
-      'transform-block-scoping',
-      'transform-object-super',
-      'transform-parameters',
-      'transform-shorthand-properties',
-      'transform-dotall-regex',
-      'proposal-json-strings',
-      'proposal-nullish-coalescing-operator',
-      'proposal-logical-assignment-operators',
-      'proposal-numeric-separator',
-      'proposal-optional-catch-binding',
-      'proposal-object-rest-spread',
-      'proposal-optional-chaining',
-      'proposal-unicode-property-regex',
-      ['proposal-decorators', { legacy: true }]
-    ]
-
-    def self.build(source, extra_plugins = [], options = {})
-      options[:ast] ||= false
-
-      options_string = options.map do |k, v|
-        v.is_a?(String) ? "#{k}: '#{v}'" : "#{k}: #{v}"
-      end.join(', ')
-
-      plugins_string = (PLUGINS + extra_plugins).map  { |plugin| plugin.to_json }.join(', ')
-
-      "Babel.transform(#{source}, { plugins: [#{plugins_string}], #{options_string} }).code"
-    end
   end
 end
diff --git a/spec/models/theme_field_spec.rb b/spec/models/theme_field_spec.rb
index a600f6eb4f2..7ba362a79eb 100644
--- a/spec/models/theme_field_spec.rb
+++ b/spec/models/theme_field_spec.rb
@@ -194,7 +194,7 @@ HTML
         var settings = Discourse.__container__.lookup("service:theme-settings").getObjectForTheme(#{theme.id});
 
         var themePrefix = function themePrefix(key) {
-          return `theme_translations.#{theme.id}.${key}`;
+          return "theme_translations.#{theme.id}.".concat(key);
         };
 
         console.log('hello from .js.es6');