Updates chatper 11, 12

Author: velopert

11/todo-app/package.json

@@ -4,12 +4,12 @@
   "private": true,
   "dependencies": {
     "classnames": "^2.2.6",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-icons": "^3.7.0",
-    "react-scripts": "^4.0.3",
+    "react-scripts": "^5.0.1",
     "react-virtualized": "^9.21.1",
-    "sass": "^1.37.5"
+    "sass": "^1.62.0"
   },
   "scripts": {
     "start": "react-scripts start",

11/todo-app/src/index.js

@@ -1,12 +1,12 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';
-import * as serviceWorker from './serviceWorker';
 
-ReactDOM.render(<App />, document.getElementById('root'));
+const root = ReactDOM.createRoot(document.getElementById('root'));
 
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: https://bit.ly/CRA-PWA
-serviceWorker.unregister();
+root.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);