diff --git a/awx/ui_next/src/index.jsx b/awx/ui_next/src/index.jsx
index ea4b815a21..ad616077ef 100644
--- a/awx/ui_next/src/index.jsx
+++ b/awx/ui_next/src/index.jsx
@@ -7,6 +7,8 @@ import { BrandName } from './variables';
 document.title = `Ansible ${BrandName}`;
 
 ReactDOM.render(
-  <App />,
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
   document.getElementById('app') || document.createElement('div')
 );
diff --git a/awx/ui_next/src/index.test.jsx b/awx/ui_next/src/index.test.jsx
index 82dec86c56..44cd66e67c 100644
--- a/awx/ui_next/src/index.test.jsx
+++ b/awx/ui_next/src/index.test.jsx
@@ -12,6 +12,11 @@ require('./index.jsx');
 
 describe('index.jsx', () => {
   it('renders ok', () => {
-    expect(ReactDOM.render).toHaveBeenCalledWith(<App />, div);
+    expect(ReactDOM.render).toHaveBeenCalledWith(
+      <React.StrictMode>
+        <App />
+      </React.StrictMode>,
+      div
+    );
   });
 });