diff --git a/src/index.js b/src/index.js
index 05d9540..f4d9460 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import { Provider } from 'react-redux';
 import { createStore, applyMiddleware, compose } from 'redux';
 import reduxThunk from 'redux-thunk';
@@ -9,10 +9,10 @@ import reducers from './reducers';
 
 const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
 const store = createStore(reducers, composeEnhancers(applyMiddleware(reduxThunk)));
+const container = document.getElementById('root');
 
-ReactDOM.render(
+createRoot(container).render(
   <Provider store={store}>
     <App/>
-  </Provider>,
-  document.querySelector('#root')
+  </Provider>
 );