[Fix] jsx-curly-brace-presence: avoid warning on curlies containing…

… quote characters

Fixes #3214

CHANGELOG.md

@@ -5,6 +5,11 @@ This change log adheres to standards from [Keep a CHANGELOG](https://keepachange
 
 ## Unreleased
 
+### Fixed
+* [`jsx-curly-brace-presence`]: avoid warning on curlies containing quote characters ([#3214][] @ljharb)
+
+[#3214]: https://github.com/yannickcr/eslint-plugin-react/issues/3214
+
 ## [7.29.1] - 2022.02.25
 
 ### Fixed

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

@@ -39,9 +39,7 @@ const messages = {
 module.exports = {
   meta: {
     docs: {
-      description:
-        'Disallow unnecessary JSX expressions when literals alone are sufficient '
-          + 'or enfore JSX expressions on literals in JSX children or attributes',
+      description: 'Disallow unnecessary JSX expressions when literals alone are sufficient or enfore JSX expressions on literals in JSX children or attributes',
       category: 'Stylistic Issues',
       recommended: false,
       url: docsUrl('jsx-curly-brace-presence'),
@@ -274,13 +272,11 @@ module.exports = {
         reportUnnecessaryCurly(JSXExpressionNode);
       } else if (
         expressionType === 'TemplateLiteral'
-          && expression.expressions.length === 0
-          && expression.quasis[0].value.raw.indexOf('\n') === -1
-          && !isStringWithTrailingWhiteSpaces(expression.quasis[0].value.raw)
-          && !needToEscapeCharacterForJSX(expression.quasis[0].value.raw, JSXExpressionNode) && (
-          jsxUtil.isJSX(JSXExpressionNode.parent)
-          || !containsQuoteCharacters(expression.quasis[0].value.cooked)
-        )
+        && expression.expressions.length === 0
+        && expression.quasis[0].value.raw.indexOf('\n') === -1
+        && !isStringWithTrailingWhiteSpaces(expression.quasis[0].value.raw)
+        && !needToEscapeCharacterForJSX(expression.quasis[0].value.raw, JSXExpressionNode)
+        && !containsQuoteCharacters(expression.quasis[0].value.cooked)
       ) {
         reportUnnecessaryCurly(JSXExpressionNode);
       } else if (jsxUtil.isJSX(expression)) {

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

@@ -454,6 +454,11 @@ ruleTester.run('jsx-curly-brace-presence', rule, {
     {
       code: `<App horror={<div />} />`,
       options: [{ propElementValues: 'ignore' }],
+    },
+    {
+      code: `
+        <script>{\`window.foo = "bar"\`}</script>
+      `,
     }
   )),
 

tests/lib/rules/no-unescaped-entities.js

@@ -315,6 +315,25 @@ ruleTester.run('no-unescaped-entities', rule, {
           ],
         },
       ],
+    },
+    {
+      code: `
+        <script>window.foo = "bar"</script>
+      `,
+      errors: [
+        {
+          messageId: 'unescapedEntityAlts',
+          data: { entity: '"', alts: '`&quot;`, `&ldquo;`, `&#34;`, `&rdquo;`' },
+          line: 2,
+          column: 30,
+        },
+        {
+          messageId: 'unescapedEntityAlts',
+          data: { entity: '"', alts: '`&quot;`, `&ldquo;`, `&#34;`, `&rdquo;`' },
+          line: 2,
+          column: 34,
+        },
+      ],
     }
   )),
 });