Update packages and dynamic routes for Next 10

Author: w3bdesign

README.md

@@ -17,9 +17,9 @@ Optional plugin:
 
 The current release has been tested and is confirmed working with the following versions:
 
-- WordPress version 5.5.3
+- WordPress version 5.6.0
 - WooCommerce version 4.8.0
-- WP GraphQL version 1.0.3
+- WP GraphQL version 1.0.5
 - WooGraphQL version 0.6.1
 
 2. For debugging and testing, install either:

components/Product/IndexProducts.component.jsx

@@ -30,7 +30,11 @@ const IndexProducts = ({ products }) => {
                   key={uuidv4()}
                   className="flex flex-col p-6 md:w-1/2 xl:w-1/4"
                 >
-                  <Link href="/produkt/[post]" as={`/produkt/${slug}?id=${databaseId}`}>
+                  <Link
+                    href={`/produkt/${encodeURIComponent(
+                      slug
+                    )}?id=${encodeURIComponent(databaseId)}`}
+                  >
                     <a>
                       {image ? (
                         <img
@@ -49,7 +53,12 @@ const IndexProducts = ({ products }) => {
                       )}
                     </a>
                   </Link>
-                  <Link href="/produkt/[post]" as={`/produkt/${slug}?id=${databaseId}`}>
+
+                  <Link
+                    href={`/produkt/${encodeURIComponent(
+                      slug
+                    )}?id=${encodeURIComponent(databaseId)}`}
+                  >
                     <a>
                       <div className="flex justify-center pt-3">
                         <p className="font-bold text-center cursor-pointer">
@@ -58,7 +67,6 @@ const IndexProducts = ({ products }) => {
                       </div>
                     </a>
                   </Link>
-
                   {/* Display sale price when on sale */}
                   {onSale && (
                     <>