perf: experimental upgrade to deps and fix esbuild warnings

package.json

@@ -15,9 +15,9 @@
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@floating-ui/react-dom": "^1.0.0",
-    "@fontsource/lexend-deca": "4.4.5",
-    "@fontsource/montserrat": "4.4.5",
-    "@mui/material": "5.10.1",
+    "@fontsource/lexend-deca": "4.5.11",
+    "@fontsource/montserrat": "4.5.12",
+    "@mui/material": "5.10.2",
     "@sentry/react": "^7.11.1",
     "embla-carousel-autoplay": "^7.0.1",
     "embla-carousel-react": "^7.0.1",

src/components/modals/main/marketplace/sections/Create.jsx

@@ -390,7 +390,7 @@ export default class Create extends PureComponent {
 
     // photos
     const nextPhotosDisabled = !(
-      this.state.addonData.photos !== '' && this.state.addonData.photos !== []
+      this.state.addonData.photos !== ''
     );
     const addPhotos = (
       <>

src/components/widgets/Widgets.jsx

@@ -74,7 +74,9 @@ export default class Widgets extends PureComponent {
       <div id="widgets">
         <Suspense fallback={<></>}>
           {this.enabled('searchBar') ? <Search /> : null}
-          {this.state.order.map((element) => this.widgets[element])}
+          {this.state.order.map((element, key) => (
+            <Fragment key={key}>{this.widgets[element]}</Fragment>
+          ))}
           {this.enabled('weatherEnabled') && this.online ? <Weather /> : null}
         </Suspense>
       </div>

src/components/widgets/background/Background.jsx

@@ -216,7 +216,6 @@ export default class Background extends PureComponent {
         if (
           customBackground !== '' &&
           customBackground !== 'undefined' &&
-          customBackground !== [''] &&
           customBackground !== undefined
         ) {
           const object = {

src/components/widgets/quote/Quote.jsx

@@ -204,8 +204,7 @@ export default class Quote extends PureComponent {
         if (
           customQuote &&
           customQuote !== '' &&
-          customQuote !== 'undefined' &&
-          customQuote !== ['']
+          customQuote !== 'undefined'
         ) {
           return this.setState({
             quote: '"' + customQuote.quote + '"',

src/index.jsx

@@ -1,4 +1,4 @@
-import { render } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import * as Sentry from '@sentry/react';
 
 import App from './App';
@@ -61,4 +61,4 @@ Sentry.init({
   autoSessionTracking: false,
 });
 
-render(<App />, document.getElementById('root'));
+createRoot(document.getElementById('root')).render(<App />);