From 3a9fec9248341b60544366bca868c791c1487fbe Mon Sep 17 00:00:00 2001
From: Jack Hsu <jack.hsu@gmail.com>
Date: Thu, 20 Apr 2023 16:50:49 -0400
Subject: [PATCH] fix(react): swapped fragments with <div> so avoid lint
 warnings for default app

---
 .../__snapshots__/application.spec.ts.snap           | 12 ++++++------
 .../src/app/__fileName__.tsx__tmpl__                 |  4 ++--
 .../src/app/__fileName__.tsx__tmpl__                 |  4 ++--
 .../style-none/src/app/__fileName__.tsx__tmpl__      |  4 ++--
 .../src/app/__fileName__.tsx__tmpl__                 |  6 +++---
 5 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/packages/react/src/generators/application/__snapshots__/application.spec.ts.snap b/packages/react/src/generators/application/__snapshots__/application.spec.ts.snap
index 6b51f0c375ccd..2f1fe8b2b04d4 100644
--- a/packages/react/src/generators/application/__snapshots__/application.spec.ts.snap
+++ b/packages/react/src/generators/application/__snapshots__/application.spec.ts.snap
@@ -6,12 +6,12 @@ import styles from './app.module.css';
 
 export function App() {
   return (
-    <>
+    <div>
       <h1>
         <span> Hello there, </span>
         Welcome plain 👋
       </h1>
-    </>
+    </div>
   );
 }
 
@@ -49,9 +49,9 @@ import NxWelcome from './nx-welcome';
 
 export function App() {
   return (
-    <>
+    <div>
       <NxWelcome title="my-app" />
-    </>
+    </div>
   );
 }
 
@@ -67,9 +67,9 @@ import NxWelcome from './nx-welcome';
 
 export function App() {
   return (
-    <>
+    <div>
       <NxWelcome title="my-dir-my-app" />
-    </>
+    </div>
   );
 }
 
diff --git a/packages/react/src/generators/application/files/style-css-module/src/app/__fileName__.tsx__tmpl__ b/packages/react/src/generators/application/files/style-css-module/src/app/__fileName__.tsx__tmpl__
index 82d1cb0a745fa..df01e91c5f946 100644
--- a/packages/react/src/generators/application/files/style-css-module/src/app/__fileName__.tsx__tmpl__
+++ b/packages/react/src/generators/application/files/style-css-module/src/app/__fileName__.tsx__tmpl__
@@ -14,7 +14,7 @@ export class App extends Component {
 export function App() {
 <% } %>
   return (
-    <>
+    <div>
       <% if (!minimal) { %>
       <NxWelcome title="<%= projectName %>"/>
      <% } else { %>
@@ -23,7 +23,7 @@ export function App() {
         Welcome <%= projectName %> 👋
       </h1>
      <% } %>
-    </>);
+    </div>);
 <% if (classComponent) { %>
   }
 }
diff --git a/packages/react/src/generators/application/files/style-global-css/src/app/__fileName__.tsx__tmpl__ b/packages/react/src/generators/application/files/style-global-css/src/app/__fileName__.tsx__tmpl__
index e0346bca85eb1..066e35c0ac943 100644
--- a/packages/react/src/generators/application/files/style-global-css/src/app/__fileName__.tsx__tmpl__
+++ b/packages/react/src/generators/application/files/style-global-css/src/app/__fileName__.tsx__tmpl__
@@ -13,7 +13,7 @@ export class App extends Component {
 export function App() {
 <% } %>
   return (
-  <>
+  <div>
     <% if (!minimal) { %>
     <NxWelcome title="<%= projectName %>"/>
      <% } else { %>
@@ -22,7 +22,7 @@ export function App() {
         Welcome <%= projectName %> 👋
       </h1>
      <% } %>
-  </>);
+  </div>);
 <% if (classComponent) { %>
   }
 }
diff --git a/packages/react/src/generators/application/files/style-none/src/app/__fileName__.tsx__tmpl__ b/packages/react/src/generators/application/files/style-none/src/app/__fileName__.tsx__tmpl__
index a5c6aa9a2a225..2ed43176fc2c1 100644
--- a/packages/react/src/generators/application/files/style-none/src/app/__fileName__.tsx__tmpl__
+++ b/packages/react/src/generators/application/files/style-none/src/app/__fileName__.tsx__tmpl__
@@ -12,7 +12,7 @@ export class App extends Component {
 export function App() {
 <% } %>
   return (
-    <>
+    <div>
       <% if (!minimal) { %>
       <NxWelcome title="<%= projectName %>"/>
       <% } else { %>
@@ -21,7 +21,7 @@ export function App() {
         Welcome <%= projectName %> 👋
       </h1>
      <% } %>
-    </>);
+    </div>);
 <% if (classComponent) { %>
   }
 }
diff --git a/packages/react/src/generators/application/files/style-styled-jsx/src/app/__fileName__.tsx__tmpl__ b/packages/react/src/generators/application/files/style-styled-jsx/src/app/__fileName__.tsx__tmpl__
index a6ddf745d86e9..7a704857d85e3 100644
--- a/packages/react/src/generators/application/files/style-styled-jsx/src/app/__fileName__.tsx__tmpl__
+++ b/packages/react/src/generators/application/files/style-styled-jsx/src/app/__fileName__.tsx__tmpl__
@@ -12,9 +12,9 @@ export class App extends Component {
 export function App() {
 <% } %>
   return (
-    <>
+    <div>
       <style jsx>{`/** your style here **/`}</style>
-    </>
+    </div>
   );
 
 <% if (classComponent) { %>
@@ -26,4 +26,4 @@ export function App() {
 
 export default App;
 
-<% if (inSourceTests === true) { %> <%- inSourceVitestTests %> <% } %>
\ No newline at end of file
+<% if (inSourceTests === true) { %> <%- inSourceVitestTests %> <% } %>