Expecting Unicode escape sequence \uXXXX

[farwayer]

Describe the bug

Transformation failed in some cases with the error

 [Error: TransformError SyntaxError: Expecting Unicode escape sequence \uXXXX

To Reproduce

import {webViewRender} from 'react-native-react-bridge/lib/web'

let Root = () => {
  let issue = function inspect(value) {
    switch (typeof value) {
      case 'string':
        if (value.includes("'")) {
          if (!value.includes('"')) {
            return `"${value}"`;
          } else if (!value.includes('`') && !value.includes('${')) {
            return `\`${value}\``;
          }
        }
    }
  };
  console.log(issue)

  return null
}

export default webViewRender(<Root/>)

Platform:

• Version of react-native: 0.72.7
• Version of this package: 0.11.2

Additional context

Look like the issue is inside createContent() while processing react bundle

[farwayer]

[ieow]

try add resolve in metro.config.js file

const config =  {
    resolver: {
      extraNodeModules: {
        stream: require.resolve('stream-browserify'),

[farwayer]

@theprashant-one just added the hack to remove the sequence that causes the problem in my case

diff --git a/lib/plugin/index.js b/lib/plugin/index.js
const createContent = (js) => {
+  js = js.replace('return`\\`${t}\\``', 'return')
   js = js.replace(/([`$])/g, '\\$1');
   return "export default String.raw`\n"+wrapByHtml(js)+"\n`.replace(/\\\\([`$])/g, '\\$1')"; 
 };