diff --git a/services/web/frontend/js/pages/user/subscription/group-management/subtotal-limit-exceeded.tsx b/services/web/frontend/js/pages/user/subscription/group-management/subtotal-limit-exceeded.tsx
index 242c04f5cf..ecc38222c2 100644
--- a/services/web/frontend/js/pages/user/subscription/group-management/subtotal-limit-exceeded.tsx
+++ b/services/web/frontend/js/pages/user/subscription/group-management/subtotal-limit-exceeded.tsx
@@ -1,8 +1,9 @@
 import '../base'
-import ReactDOM from 'react-dom'
+import { createRoot } from 'react-dom/client'
 import SubtotalLimitExceeded from '@/features/group-management/components/subtotal-limit-exceeded'
 
 const element = document.getElementById('subtotal-limit-exceeded-root')
 if (element) {
-  ReactDOM.render(<SubtotalLimitExceeded />, element)
+  const root = createRoot(element)
+  root.render(<SubtotalLimitExceeded />)
 }