bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Switch to React 18's createRoot API

Browse source 
https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html#updates-to-client-rendering-apis
This commit is contained in:
Alex Gleason 2023-01-05 16:42:18 -06:00
parent 85c25903f3
commit 3521e5698f
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/soapbox/main.tsx
View file

@ -3,7 +3,7 @@
import './precheck'; import './precheck';
import * as OfflinePluginRuntime from '@lcdp/offline-plugin/runtime'; import * as OfflinePluginRuntime from '@lcdp/offline-plugin/runtime';
import React from 'react'; import React from 'react';
import ReactDOM from 'react-dom'; import { createRoot } from 'react-dom/client';
import { defineMessages } from 'react-intl'; import { defineMessages } from 'react-intl';
import { setSwUpdating } from 'soapbox/actions/sw'; import { setSwUpdating } from 'soapbox/actions/sw';
@ -34,9 +34,10 @@ function main() {
} }
ready(() => { ready(() => {
const mountNode = document.getElementById('soapbox') as HTMLElement; const container = document.getElementById('soapbox') as HTMLElement;
const root = createRoot(container);
ReactDOM.render(<Soapbox />, mountNode); root.render(<Soapbox />);
if (BuildConfig.NODE_ENV === 'production') { if (BuildConfig.NODE_ENV === 'production') {
// avoid offline in dev mode because it's harder to debug // avoid offline in dev mode because it's harder to debug