Redirect to FE blog archive

Author: ravewebdev

pages/_app.js

@@ -3,10 +3,11 @@ import '@/styles/index.css'
 import {ApolloProvider} from '@apollo/client'
 import {DefaultSeo} from 'next-seo'
 import Error from 'next/error'
-import {useState} from 'react'
+import {useState, useEffect} from 'react'
 import PropTypes from 'prop-types'
 import AlgoliaProvider from '@/components/common/AlgoliaProvider'
 import MenuProvider from '@/components/common/MenuProvider'
+import {useRouter} from 'next/router'
 
 /**
  * Render the App component.
@@ -25,6 +26,17 @@ export default function App({Component, pageProps}) {
    */
   const apolloClient = useApollo(pageProps)
 
+  const router = useRouter()
+
+  // Redirect from WP blog archive to FE posts archive.
+  useEffect(() => {
+    if (!pageProps?.post?.isPostsPage) {
+      return
+    }
+
+    router.push('/blog')
+  }, [pageProps, router])
+
   // Check for errors.
   const error = pageProps?.error
   let errorMessage = pageProps?.errorMessage ?? 'An unknown error occurred.'