upgrading to react18

Author: chrisminnick

reactjsfoundations.com/package-lock.json

@@ -8,10 +8,10 @@
     "axios-hooks": "^2.3.0",
     "create-react-class": "^15.7.0",
     "loggly-jslogger": "^2.2.2",
-    "react": "^17.0.1",
+    "react": "^18.0.0",
     "react-addons-shallow-compare": "^15.6.2",
     "react-collapsible": "^2.8.4",
-    "react-dom": "^17.0.1",
+    "react-dom": "^18.0.0",
     "react-error-boundary": "^3.1.3",
     "react-helmet": "^6.1.0",
     "react-hook-form": "^7.12.2",
@@ -20,7 +20,7 @@
     "react-responsive": "^9.0.0-beta.5",
     "react-router-dom": "5.2.0",
     "react-router-sitemap": "^1.2.0",
-    "react-scripts": "4.0.3",
+    "react-scripts": "5.0.0",
     "react-social-icons": "^5.11.0",
     "react-syntax-highlighter": "^15.4.5",
     "styled-components": "^5.3.1",

reactjsfoundations.com/package.json

@@ -9,7 +9,7 @@ function ScrollToTop({ history, children }) {
     return () => {
       unlisten();
     };
-  }, []);
+  }, [history]);
 
   return <Fragment>{children}</Fragment>;
 }

reactjsfoundations.com/src/ScrollToTop.js

@@ -1,6 +1,6 @@
 import { QueryClient, QueryClientProvider, useQuery } from 'react-query';
 import { useState } from 'react';
-import * as styles from './WpBlog.module.css';
+import styles from './wp-blog.module.css';
 import { useParams } from 'react-router-dom';
 
 const queryClient = new QueryClient();

reactjsfoundations.com/src/WpBlog.js

@@ -1,6 +1,6 @@
 import { QueryClient, QueryClientProvider, useQuery } from 'react-query';
 import { useState, useEffect } from 'react';
-import * as styles from './WpBlog.module.css';
+import styles from './wp-blog.module.css';
 import { useParams } from 'react-router-dom';
 
 export default function ReactBlog(props) {

reactjsfoundations.com/src/WpBlogSP.js

@@ -1,6 +1,6 @@
 import { QueryClient, QueryClientProvider, useQuery } from 'react-query';
 import { useState } from 'react';
-import * as styles from './WpBlog.module.css';
+import styles from './wp-blog.module.css';
 import { Link } from 'react-router-dom';
 
 const queryClient = new QueryClient();