Update to Docusaurus 3.4.0

package.json

@@ -1,22 +1,22 @@
 {
   "dependencies": {
-    "@docusaurus/core": "3.1.1",
-    "@docusaurus/plugin-google-gtag": "^3.1.1",
-    "@docusaurus/preset-classic": "3.1.1",
+    "@docusaurus/core": "3.4.0",
+    "@docusaurus/plugin-google-gtag": "^3.4.0",
+    "@docusaurus/preset-classic": "3.4.0",
     "@mdx-js/react": "^3.0.1",
-    "clsx": "^2.1.0",
+    "clsx": "^2.1.1",
     "prism-react-renderer": "^2.3.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-medium-image-zoom": "^5.1.10",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-medium-image-zoom": "^5.2.4",
     "redocusaurus": "^2.0.2",
     "url": "^0.11.3"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "3.1.1",
-    "@docusaurus/tsconfig": "3.1.1",
-    "@docusaurus/types": "3.1.1",
-    "typescript": "^5.4.3"
+    "@docusaurus/module-type-aliases": "3.4.0",
+    "@docusaurus/tsconfig": "3.4.0",
+    "@docusaurus/types": "3.4.0",
+    "typescript": "^5.4.5"
   },
   "name": "volkovlabs-io",
   "scripts": {

src/components/Blogs.tsx

@@ -10,7 +10,7 @@ export const Blogs = (): JSX.Element => {
     <section>
       <div className="container">
         <div className="row">
-          {BlogArchive?.blogPosts.slice(0, 6).map((post) => (
+          {BlogArchive?.archive.blogPosts.slice(0, 6).map((post) => (
             <div className="col col--4 margin-vert--lg">
               <BlogPostCard key={post.id} post={post} />
             </div>

src/constants/docusaurus.ts

@@ -1,4 +1,4 @@
 /**
  * Blog Archive JSON file
  */
-export const BlogArchive = require("../../.docusaurus/docusaurus-plugin-content-blog/default/blog-archive-80c.json");
+export const BlogArchive = require("../../.docusaurus/docusaurus-plugin-content-blog/default/p/blog-archive-61f.json");

src/theme/BlogPostPaginator/index.tsx

@@ -15,7 +15,7 @@ const BlogPostPaginator = (props) => {
    * Add posts with the same tags
    */
   post.metadata.tags.forEach((postTag) =>
-    BlogArchive?.blogPosts.filter((related) => {
+    BlogArchive?.archive?.blogPosts.filter((related) => {
       if (related.metadata.permalink === post.metadata.permalink) {
         return;
       }

src/theme/NotFound.tsx

@@ -8,7 +8,7 @@ import { BlogArchive } from "../constants";
  * Not Found
  */
 const NotFound = () => {
-  const items = BlogArchive?.blogPosts.slice(0, 6).map((post) => {
+  const items = BlogArchive?.archive?.blogPosts.slice(0, 6).map((post) => {
     return {
       content: post,
     };