diff --git a/packages/ui-default/modules.js b/packages/ui-default/modules.js
index dc9e60004..cd77ea05e 100644
--- a/packages/ui-default/modules.js
+++ b/packages/ui-default/modules.js
@@ -20,7 +20,7 @@ import './components/monaco/loader';
 import $ from 'jquery';
 import _ from 'lodash';
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import * as redux from 'react-redux';
 
 const modules = {
diff --git a/packages/ui-default/package.json b/packages/ui-default/package.json
index 21cbc1436..9af2108d9 100644
--- a/packages/ui-default/package.json
+++ b/packages/ui-default/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hydrooj/ui-default",
-  "version": "4.39.16",
+  "version": "4.39.17",
   "author": "undefined <i@undefined.moe>",
   "license": "AGPL-3.0",
   "main": "hydro.js",