diff --git a/issue-tracker/src/index.tsx b/issue-tracker/src/index.tsx
index 032c627..44efe08 100644
--- a/issue-tracker/src/index.tsx
+++ b/issue-tracker/src/index.tsx
@@ -1,3 +1,5 @@
+/// <reference types="react-dom/experimental" />
+/// <reference types="react/experimental" />
 import React from 'react'
 import ReactDOM from 'react-dom'
 import { RelayEnvironmentProvider } from 'react-relay/hooks'
@@ -11,12 +13,11 @@ import routes from './routes'
 // Uses the custom router setup to define a router instanace that we can pass through context
 const router = createRouter(routes)
 
-ReactDOM.render(
+ReactDOM.createRoot(document.getElementById('root')!).render(
   <RelayEnvironmentProvider environment={RelayEnvironment}>
     <RoutingContext.Provider value={router.context}>
       {/* Render the active route */}
       <RouterRenderer />
     </RoutingContext.Provider>
   </RelayEnvironmentProvider>,
-  document.getElementById('root'),
 )