From b3e6dc8565e083825872d355a793a65292f12467 Mon Sep 17 00:00:00 2001
From: Knightwalker <37214263+Knightwalker@users.noreply.github.com>
Date: Sat, 27 Jul 2024 15:08:09 +0300
Subject: [PATCH 1/3] refactor(create-vite): update react template

---
 packages/create-vite/template-react-ts/src/main.tsx | 11 ++++++-----
 packages/create-vite/template-react/src/main.jsx    | 11 ++++++-----
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/packages/create-vite/template-react-ts/src/main.tsx b/packages/create-vite/template-react-ts/src/main.tsx
index 3d7150da80e43e..352b5c699c48b0 100644
--- a/packages/create-vite/template-react-ts/src/main.tsx
+++ b/packages/create-vite/template-react-ts/src/main.tsx
@@ -1,10 +1,11 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
 import App from './App.tsx'
 import './index.css'
 
-ReactDOM.createRoot(document.getElementById('root')!).render(
-  <React.StrictMode>
+const root = createRoot(document.getElementById('root') as HTMLDivElement)
+root.render(
+  <StrictMode>
     <App />
-  </React.StrictMode>,
+  </StrictMode>,
 )
diff --git a/packages/create-vite/template-react/src/main.jsx b/packages/create-vite/template-react/src/main.jsx
index 54b39dd1d900e8..418fb7f172c34f 100644
--- a/packages/create-vite/template-react/src/main.jsx
+++ b/packages/create-vite/template-react/src/main.jsx
@@ -1,10 +1,11 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
 import App from './App.jsx'
 import './index.css'
 
-ReactDOM.createRoot(document.getElementById('root')).render(
-  <React.StrictMode>
+const root = createRoot(document.getElementById('root'))
+root.render(
+  <StrictMode>
     <App />
-  </React.StrictMode>,
+  </StrictMode>,
 )

From d69e3e7d66245f28dc134e15228092068543769a Mon Sep 17 00:00:00 2001
From: Knightwalker <37214263+Knightwalker@users.noreply.github.com>
Date: Sun, 28 Jul 2024 10:38:03 +0300
Subject: [PATCH 2/3] refactor(create-vite): update react template

---
 packages/create-vite/template-react-ts/src/main.tsx | 5 ++---
 packages/create-vite/template-react/src/main.jsx    | 5 ++---
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/packages/create-vite/template-react-ts/src/main.tsx b/packages/create-vite/template-react-ts/src/main.tsx
index 352b5c699c48b0..234dd89727d5d6 100644
--- a/packages/create-vite/template-react-ts/src/main.tsx
+++ b/packages/create-vite/template-react-ts/src/main.tsx
@@ -3,9 +3,8 @@ import { createRoot } from 'react-dom/client'
 import App from './App.tsx'
 import './index.css'
 
-const root = createRoot(document.getElementById('root') as HTMLDivElement)
-root.render(
+createRoot(document.getElementById('root')!).render(
   <StrictMode>
     <App />
-  </StrictMode>,
+  </StrictMode>
 )
diff --git a/packages/create-vite/template-react/src/main.jsx b/packages/create-vite/template-react/src/main.jsx
index 418fb7f172c34f..f82136bea9055d 100644
--- a/packages/create-vite/template-react/src/main.jsx
+++ b/packages/create-vite/template-react/src/main.jsx
@@ -3,9 +3,8 @@ import { createRoot } from 'react-dom/client'
 import App from './App.jsx'
 import './index.css'
 
-const root = createRoot(document.getElementById('root'))
-root.render(
+createRoot(document.getElementById('root')).render(
   <StrictMode>
     <App />
-  </StrictMode>,
+  </StrictMode>
 )

From 0844ad6603a3003349bf8e3287b5c9b2b349e6da Mon Sep 17 00:00:00 2001
From: Knightwalker <37214263+Knightwalker@users.noreply.github.com>
Date: Sun, 28 Jul 2024 10:50:13 +0300
Subject: [PATCH 3/3] refactor(create-vite): satisfy prettier

---
 packages/create-vite/template-react-ts/src/main.tsx | 2 +-
 packages/create-vite/template-react/src/main.jsx    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/create-vite/template-react-ts/src/main.tsx b/packages/create-vite/template-react-ts/src/main.tsx
index 234dd89727d5d6..6f4ac9bcca8231 100644
--- a/packages/create-vite/template-react-ts/src/main.tsx
+++ b/packages/create-vite/template-react-ts/src/main.tsx
@@ -6,5 +6,5 @@ import './index.css'
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
     <App />
-  </StrictMode>
+  </StrictMode>,
 )
diff --git a/packages/create-vite/template-react/src/main.jsx b/packages/create-vite/template-react/src/main.jsx
index f82136bea9055d..89f91e54dc6f03 100644
--- a/packages/create-vite/template-react/src/main.jsx
+++ b/packages/create-vite/template-react/src/main.jsx
@@ -6,5 +6,5 @@ import './index.css'
 createRoot(document.getElementById('root')).render(
   <StrictMode>
     <App />
-  </StrictMode>
+  </StrictMode>,
 )