From 3372bbfd583e5065977a2878ccec83af5eca4da8 Mon Sep 17 00:00:00 2001
From: eugene-petrov <7125242+eugene-petrov@users.noreply.github.com>
Date: Tue, 14 May 2024 12:11:17 +0200
Subject: [PATCH] Changes to make the tutorial work with the PWA 14 version

Fixing errors:
- Can't resolve '@my-extension/my-product-page'
- Can't resolve@apollo/react-hooks

There will be an other error:
Missing field 'uid' while extracting keyFields from {"name":"Tops","url_path":"women/tops-women","__typename":"CategoryTree"}

But at least the console log data is displayed.
---
 src/pages/tutorials/targets/modify-talon-results/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/tutorials/targets/modify-talon-results/index.md b/src/pages/tutorials/targets/modify-talon-results/index.md
index 1ef3f981..8540efe0 100644
--- a/src/pages/tutorials/targets/modify-talon-results/index.md
+++ b/src/pages/tutorials/targets/modify-talon-results/index.md
@@ -115,7 +115,7 @@ module.exports = (targets) => {
   // Set the buildpack features required by this extension
   const builtins = targets.of("@magento/pwa-buildpack");
   builtins.specialFeatures.tap((featuresByModule) => {
-    featuresByModule["@my-extension/my-product-page"] = {
+    featuresByModule["my-extension"] = {
       // Wrapper modules must be ES Modules
       esModules: true,
     };
@@ -139,7 +139,7 @@ Inside the `useProductCategoriesList.js` file, add the following content:
 
 ```js
 import { useMemo } from "react";
-import { useQuery } from "@apollo/react-hooks";
+import { useQuery } from "@apollo/client";
 import gql from "graphql-tag";
 
 const GET_PRODUCT_CATEGORIES = gql`