Merge pull request #138 from wpengine/next-14-2-15

Bump next from 12.2.4 to 14.2.15

Author: josephfusco

.github/workflows/blueprint-export-diff.yml

@@ -9,7 +9,7 @@ jobs:
           fetch-depth: 0
       - uses: actions/setup-node@v2
         with:
-          node-version: '16'
+          node-version: '18'
       - name: Check for changes
         id: check-for-export-changes
         run: echo ::set-output name=check::$(git diff --name-only origin/main --exit-code -- acm-blueprint.zip)

.github/workflows/build.yml

@@ -5,7 +5,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node: ['16', '18' ]
+        node: [ '18', '20' ]
     steps:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2

.github/workflows/format.yml

@@ -7,7 +7,7 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: '16'
+          node-version: '18'
       - run: npm install
       - run: npm run format:check
         continue-on-error: FALSE

components/Button/Button.js

@@ -38,7 +38,7 @@ export default function Button({
 
   if (href) {
     return (
-      <Link href={href}>
+      <Link legacyBehavior href={href}>
         <a role="button" href={href} className={buttonClassName} {...props}>
           {children}
         </a>

components/Header/Header.js

@@ -29,7 +29,7 @@ export default function Header({ className, menuItems }) {
       <div className="container">
         <div className={cx('bar')}>
           <div className={cx('logo')}>
-            <Link href="/">
+            <Link legacyBehavior href="/">
               <a title="Home">
                 <Image
                   src="/logo.png"
@@ -57,7 +57,7 @@ export default function Header({ className, menuItems }) {
             menuItems={menuItems}
           >
             <li>
-              <Link href="/search">
+              <Link legacyBehavior href="/search">
                 <a>
                   <FaSearch title="Search" role="img" />
                 </a>

components/Posts/Posts.js

@@ -44,7 +44,7 @@ function Posts({ posts, intro, id }) {
               id={`post-${post.id}`}
             >
               <div className={cx('card')}>
-                <Link href={post?.uri ?? '#'}>
+                <Link legacyBehavior href={post?.uri ?? '#'}>
                   <a className={cx('image-holder')} tabIndex="-1">
                     <FeaturedImage
                       className={cx('image')}
@@ -57,7 +57,7 @@ function Posts({ posts, intro, id }) {
                 </Link>
 
                 <Heading level="h4" className={cx('header')}>
-                  <Link href={post?.uri ?? '#'}>
+                  <Link legacyBehavior href={post?.uri ?? '#'}>
                     <a ref={isFirstNewResult ? firstNewResultRef : null}>
                       {post.title}
                     </a>

components/Projects/Projects.js

@@ -41,7 +41,7 @@ function Projects({ projects, id, emptyText = 'No projects found.' }) {
               />
               <div className={cx('content')}>
                 <Heading level="h3">
-                  <Link href={project?.uri ?? '#'}>
+                  <Link legacyBehavior href={project?.uri ?? '#'}>
                     <a ref={isFirstNewResult ? firstNewResultRef : null}>
                       {project.projectFields.title}
                     </a>

components/SearchRecommendations/SearchRecommendations.js

@@ -17,7 +17,7 @@ export default function SearchRecommendations({ categories }) {
       <ul>
         {categories?.map((node) => (
           <li key={node.databaseId}>
-            <Link href={node.uri}>
+            <Link legacyBehavior href={node.uri}>
               <a>{node.name}</a>
             </Link>
           </li>

components/SearchResults/SearchResults.js

@@ -32,7 +32,7 @@ export default function SearchResults({ searchResults, isLoading }) {
     <>
       {searchResults?.map((node) => (
         <div key={node.databaseId} className={styles.result}>
-          <Link href={node.uri}>
+          <Link legacyBehavior href={node.uri}>
             <a>
               <h2 className={styles.title}>{node.title}</h2>
             </a>

components/TaxonomyTerms/TaxonomyTerms.js

@@ -15,7 +15,7 @@ export default function TaxonomyTerms({ post, taxonomy }) {
     const { name, uri } = edge.node;
     return (
       uri && (
-        <Link key={index} href={uri}>
+        <Link legacyBehavior key={index} href={uri}>
           {name}
         </Link>
       )