fix(react): swapped fragments with <div> so avoid lint warnings for d…

…efault app
nrwl · Apr 20, 2023 · 3a9fec9 · 3a9fec9
1 parent 0a6d376
commit 3a9fec9
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 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
@@ -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/.../react/src/generators/application/files/style-css-module/src/app/__fileName__.tsx__tmpl__ b/.../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/.../react/src/generators/application/files/style-global-css/src/app/__fileName__.tsx__tmpl__ b/.../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__
@@ -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/.../react/src/generators/application/files/style-styled-jsx/src/app/__fileName__.tsx__tmpl__ b/.../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 %> <% } %>
+<% if (inSourceTests === true) { %> <%- inSourceVitestTests %> <% } %>