Allow modules with template literals

Author: glenne

Diff for: package.json

@@ -49,6 +49,7 @@
     "@babel/plugin-proposal-object-rest-spread": "^7.18.0",
     "@babel/plugin-proposal-optional-chaining": "^7.17.12",
     "@babel/plugin-transform-object-assign": "^7.16.7",
+    "@babel/plugin-transform-template-literals": "^7.18.9",
     "@babel/polyfill": "^7.12.1",
     "@babel/preset-env": "^7.18.2",
     "@babel/preset-react": "^7.17.12",

Diff for: webpack.config.js

@@ -127,6 +127,21 @@ const clientConfig = ({ isDevClientWrapper }) => ({
         resolve: {
           fullySpecified: false,
         },
+        use: [
+          {
+            // Fix #157 Issue with template literals in firebase module
+            loader: 'babel-loader',
+            options: {
+              compact: false,
+              plugins: [
+                '@babel/plugin-transform-template-literals',
+                !isProd &&
+                  !isDevClientWrapper &&
+                  require.resolve('react-refresh/babel'),
+              ].filter(Boolean),
+            },
+          },
+        ],
       },
       // typescript config
       {