Revert "[Fix] jsx-curly-brace-presence: handle single and only expression template literals"

This reverts commit 099b14c / #3538.

Fixes #3607.

Author: taozhou-glean

CHANGELOG.md

@@ -7,7 +7,9 @@ This change log adheres to standards from [Keep a CHANGELOG](https://keepachange
 
 ### Fixed
 * [`require-default-props`]: fix config schema ([#3605][] @controversial)
+* [`jsx-curly-brace-presence`]: Revert [#3538][] due to issues with intended string type casting usage ([#3611][] @taozhou-glean)
 
+[#3611]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3611
 [#3605]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3605
 
 ## [7.33.0] - 2023.07.19

lib/rules/jsx-curly-brace-presence.js

@@ -131,10 +131,6 @@ module.exports = {
       return containsLineTerminators(text) && text.trim() === '';
     }
 
-    function isSingleExpressionTemplateLiteral(child) {
-      return child.type === 'TemplateLiteral' && child.expressions.length === 1 && child.quasis.map((quasis) => quasis.value.raw).join('') === '';
-    }
-
     function wrapNonHTMLEntities(text) {
       const HTML_ENTITY = '<HTML_ENTITY>';
       const withCurlyBraces = text.split(HTML_ENTITY_REGEX()).map((word) => (
@@ -181,9 +177,6 @@ module.exports = {
           if (jsxUtil.isJSX(expression)) {
             const sourceCode = context.getSourceCode();
             textToReplace = sourceCode.getText(expression);
-          } else if (isSingleExpressionTemplateLiteral(expression)) {
-            const sourceCode = context.getSourceCode();
-            textToReplace = `{${sourceCode.getText(expression.expressions[0])}}`;
           } else {
             const expressionType = expression && expression.type;
             const parentType = JSXExpressionNode.parent.type;
@@ -286,9 +279,6 @@ module.exports = {
         && !containsQuoteCharacters(expression.quasis[0].value.cooked)
       ) {
         reportUnnecessaryCurly(JSXExpressionNode);
-      } else if (
-        isSingleExpressionTemplateLiteral(expression)) {
-        reportUnnecessaryCurly(JSXExpressionNode);
       } else if (jsxUtil.isJSX(expression)) {
         reportUnnecessaryCurly(JSXExpressionNode);
       }

tests/lib/rules/jsx-curly-brace-presence.js

@@ -469,13 +469,14 @@ ruleTester.run('jsx-curly-brace-presence', rule, {
       features: ['no-ts'],
       options: ['never'],
     },
+    // legit as this single template literal might be used for stringifying
     {
-      code: '<App label={`${label}${suffix}`} />',
-      options: [{ props: 'never' }],
+      code: '<App label={`${label}`} />',
+      options: ['never'],
     },
     {
-      code: '<App>{`${label}${suffix}`}</App>',
-      options: [{ children: 'never' }],
+      code: '<App>{`${label}`}</App>',
+      options: ['never'],
     }
   )),
 
@@ -786,23 +787,23 @@ ruleTester.run('jsx-curly-brace-presence', rule, {
     },
     {
       code: `
-        <App prop="    
-           a     
+        <App prop="
+           a
              b      c
                 d
         ">
           a
-              b     c   
-                 d      
+              b     c
+                 d
         </App>
       `,
       errors: [
         { messageId: 'missingCurly' }, { messageId: 'missingCurly' },
       ],
       options: ['always'],
       output: `
-        <App prop="    
-           a     
+        <App prop="
+           a
              b      c
                 d
         ">
@@ -814,23 +815,23 @@ ruleTester.run('jsx-curly-brace-presence', rule, {
     },
     {
       code: `
-        <App prop='    
-           a     
+        <App prop='
+           a
              b      c
                 d
         '>
           a
-              b     c   
-                 d      
+              b     c
+                 d
         </App>
       `,
       errors: [
         { messageId: 'missingCurly' }, { messageId: 'missingCurly' },
       ],
       options: ['always'],
       output: `
-        <App prop='    
-           a     
+        <App prop='
+           a
              b      c
                 d
         '>
@@ -939,18 +940,6 @@ ruleTester.run('jsx-curly-brace-presence', rule, {
       errors: [{ messageId: 'unnecessaryCurly' }],
       options: [{ props: 'never', children: 'never', propElementValues: 'never' }],
       features: ['no-ts'],
-    },
-    {
-      code: '<App label={`${label}`} />',
-      output: '<App label={label} />',
-      errors: [{ messageId: 'unnecessaryCurly' }],
-      options: [{ props: 'never', children: 'never', propElementValues: 'never' }],
-    },
-    {
-      code: '<App>{`${label}`}</App>',
-      output: '<App>{label}</App>',
-      errors: [{ messageId: 'unnecessaryCurly' }],
-      options: [{ props: 'never', children: 'never', propElementValues: 'never' }],
     }
   )),
 });