Chore/react 18 create root (#1489)

* chore: use createRoot for react-ts

* chore: use createRoot for react-js

* fix: quotes

* fix: remove semi

* chore: update react templates to use createRoot instead of ReactDOM.render

Co-authored-by: Lea Anthony <lea.anthony@gmail.com>
This commit is contained in:
Tom
2022-06-27 18:00:04 +10:00
committed by GitHub
co-authored by Lea Anthony
parent 0531645377
commit d9888ce6af
4 changed files with 40 additions and 22 deletions
@@ -1,5 +1,14 @@
import {render} from 'preact';
import {App} from './app';
import './style.css';
import React from 'react'
import { createRoot } from 'react-dom/client'
import './style.css'
import App from './App'
render(<App/>, document.getElementById('app'));
const container = document.getElementById('root')
const root = createRoot(container)
root.render(
<React.StrictMode>
<App />
</React.StrictMode>
)
@@ -1,11 +1,14 @@
import React from 'react'
import ReactDOM from 'react-dom'
import { createRoot } from 'react-dom/client'
import './style.css'
import App from './App'
ReactDOM.render(
<React.StrictMode>
<App/>
</React.StrictMode>,
document.getElementById('root')
const container = document.getElementById('root')
const root = createRoot(container!)
root.render(
<React.StrictMode>
<App />
</React.StrictMode>
)
@@ -1,11 +1,14 @@
import React from 'react'
import ReactDOM from 'react-dom'
import { createRoot } from 'react-dom/client'
import './style.css'
import App from './App'
ReactDOM.render(
<React.StrictMode>
<App/>
</React.StrictMode>,
document.getElementById('root')
const container = document.getElementById('root')
const root = createRoot(container)
root.render(
<React.StrictMode>
<App />
</React.StrictMode>
)
@@ -1,11 +1,14 @@
import React from 'react'
import ReactDOM from 'react-dom'
import { createRoot } from 'react-dom/client'
import './style.css'
import App from './App'
ReactDOM.render(
<React.StrictMode>
<App/>
</React.StrictMode>,
document.getElementById('root')
const container = document.getElementById('root')
const root = createRoot(container!)
root.render(
<React.StrictMode>
<App />
</React.StrictMode>
)