Within my application, I've developed two distinct components: the Selector Component and the Shifter Component. The Selector Component is responsible for selecting a list of items that require updating, and it triggers a method in the Shifter Component to carry out the actual item updates. The Selector Component connects to a service, which then executes a URL using the HTTP Get method to retrieve the list of items for updating. I'm displaying the selected items as hyperlinks, and when an item is clicked, a method in the Shifter Component is called. This method interacts with a service, which, in turn, utilizes the HTTP Patch method to update the selected item.
Throughout this process, an error is occurring:
core.js:6014 ERROR TypeError: Cannot read property 'handle' of undefined
Below is the code for my Selector Component:
(code snippet removed for brevity)
And here is the code for my Shifter Component:
(code snippet removed for brevity)
Lastly, here are the details for my Shifter Service:
(code snippet removed for brevity)
I suspect the issue may be related to how I'm initializing the HttpClient in the SelectorComponent. Any assistance in resolving this issue would be greatly appreciated.