Remove redundant parentheses around JSX element (#18243)

changelog_unreleased/javascript/18243.md

@@ -0,0 +1,27 @@
+#### Remove redundant parentheses around JSX element (#18243 by @fisker)
+
+<!-- prettier-ignore -->
+```jsx
+// Input
+new A(
+  <div>
+    <div></div>
+  </div>
+)
+
+// Prettier stable
+new A(
+  (
+    <div>
+      <div></div>
+    </div>
+  ),
+);
+
+// Prettier main
+new A(
+  <div>
+    <div></div>
+  </div>,
+);
+```

src/language-js/print/jsx.js

@@ -490,6 +490,7 @@ const isNoWrapParent = createTypeCheckFunction([
   "JSXExpressionContainer",
   "JSXFragment",
   "ExpressionStatement",
+  "NewExpression",
   "CallExpression",
   "OptionalCallExpression",
   "ConditionalExpression",

tests/format/jsx/parentheses/__snapshots__/format.test.js.snap

@@ -0,0 +1,59 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`argument.js format 1`] = `
+====================================options=====================================
+parsers: ["babel", "babel-flow", "babel-ts", "__babel_estree", "typescript", "flow", "meriyah", "acorn", "espree", "espree", "hermes", "oxc", "oxc-ts"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+new A(
+  <div>
+    <div></div>
+  </div>
+)
+
+A(
+  <div>
+    <div></div>
+  </div>
+)
+
+new A(
+  <>
+    <div></div>
+  </>
+)
+
+A(
+  <>
+    <div></div>
+  </>
+)
+
+=====================================output=====================================
+new A(
+  <div>
+    <div></div>
+  </div>,
+);
+
+A(
+  <div>
+    <div></div>
+  </div>,
+);
+
+new A(
+  <>
+    <div></div>
+  </>,
+);
+
+A(
+  <>
+    <div></div>
+  </>,
+);
+
+================================================================================
+`;

tests/format/jsx/parentheses/argument.js

@@ -0,0 +1,23 @@
+new A(
+  <div>
+    <div></div>
+  </div>
+)
+
+A(
+  <div>
+    <div></div>
+  </div>
+)
+
+new A(
+  <>
+    <div></div>
+  </>
+)
+
+A(
+  <>
+    <div></div>
+  </>
+)

tests/format/jsx/parentheses/format.test.js

@@ -0,0 +1,15 @@
+runFormatTest(import.meta, [
+  "babel",
+  "babel-flow",
+  "babel-ts",
+  "__babel_estree",
+  "typescript",
+  "flow",
+  "meriyah",
+  "acorn",
+  "espree",
+  "espree",
+  "hermes",
+  "oxc",
+  "oxc-ts",
+]);