Fixed category normalizer in shopify

components/common/Navbar/Navbar.tsx

@@ -27,13 +27,11 @@ const Navbar: FC<NavbarProps> = ({ links }) => (
             <Link href="/search">
               <a className={s.link}>All</a>
             </Link>
-            {links
-              ? links.map((l) => (
-                  <Link href={l.href}>
-                    <a className={s.link}>{l.label}</a>
-                  </Link>
-                ))
-              : null}
+            {links?.map((l) => (
+              <Link href={l.href} key={l.href}>
+                <a className={s.link}>{l.label}</a>
+              </Link>
+            ))}
           </nav>
         </div>
 

framework/shopify/utils/normalize.ts

@@ -185,8 +185,7 @@ export const normalizePages = (edges: PageEdge[], locale: string): Page[] =>
 
 export const normalizeCategory = (category: any): Category => ({
   id: category.id,
-  name: category.name,
+  name: category.title,
   slug: category.handle,
   path: `/${category.handle}`,
 })
-