docs: updates code samples after testing

Author: iOvergaard

16/umbraco-cms/customizing/foundation/fetching-data/fetch-api.md

@@ -95,7 +95,7 @@ import type { UmbClassInterface } from '@umbraco-cms/backoffice/class-api';
  */
 async function makeRequest(host: UmbClassInterface, url: string, method = 'GET', body?: any) {
   const authContext = await host.getContext(UMB_AUTH_CONTEXT);
-  const token = await authContext.getLatestToken();
+  const token = await authContext?.getLatestToken();
   const response = await fetch(url, {
     method,
     body: body ? JSON.stringify(body) : undefined,
@@ -115,25 +115,15 @@ The above example serves to illustrate some of the process to make a request to
 Regardless of method, you can execute the fetch requests through Umbraco's [tryExecute](https://apidocs.umbraco.com/v16/ui-api/classes/packages_core_auth.UmbAuthContext.html#tryexecute) function. This function will handle any errors that occur during the request and will automatically refresh the token if it is expired. If the session is expired, the function will also make sure the user logs in again.
 
 ```javascript
-import { UMB_AUTH_CONTEXT } from '@umbraco-cms/backoffice/auth';
 import { tryExecute } from '@umbraco-cms/backoffice/resources';
 
-const authContext = await this.getContext(UMB_AUTH_CONTEXT);
-const token = await authContext.getLatestToken();
-const request = fetch(url, {
-    method,
-    body: body ? JSON.stringify(body) : undefined,
-    headers: {
-        'Content-Type': 'application/json',
-        'Authorization': `Bearer ${token}`,
-    },
-});
-const { data, error } = await tryExecute(this, request);
+const request = makeRequest(this, '/umbraco/management/api/v1/server/status');
+const response = await tryExecute(this, request);
 
-if (error) {
+if (response.error) {
     console.error('There was a problem with the fetch operation:', error);
 } else {
-    console.log(data); // Do something with the data
+    console.log(response); // Do something with the data
 }
 ```
 

16/umbraco-cms/customizing/foundation/fetching-data/http-client.md

@@ -10,7 +10,7 @@ Umbraco provides a built-in HTTP client that you can use to make network request
 import { umbHttpClient } from '@umbraco-cms/backoffice/http-client';
 
 const { data } = await umbHttpClient.get({
-	url: '/umbraco/api/management/v1/server/status'
+	url: '/umbraco/management/api/v1/server/status'
 });
 
 if (data) {
@@ -31,7 +31,7 @@ import { umbHttpClient } from '@umbraco-cms/backoffice/http-client';
 import { tryExecute } from '@umbraco-cms/backoffice/resources';
 
 const { data, error } = await tryExecute(this, umbHttpClient.get({
-    url: '/umbraco/api/management/v1/server/status'
+    url: '/umbraco/management/api/v1/server/status'
 }));
 
 if (error) {
@@ -43,6 +43,30 @@ if (error) {
 
 The `tryExecute` function takes the context of the current class or element as the first argument and the request as the second argument. Therefore, the above example can be used in any class or element that extends from either the [UmbController](https://apidocs.umbraco.com/v16/ui-api/interfaces/libs_controller-api.UmbController.html) or [UmbLitElement](https://apidocs.umbraco.com/v16/ui-api/classes/packages_core_lit-element.UmbLitElement.html) classes.
 
+It is recommended to use the `tryExecute` function instead of the raw HTTP client. It can also be configured not to show notifications, if you want to handle errors yourself:
+
+```javascript
+tryExecute(this, request, {
+    disableNotifications: true,
+});
+```
+
+### Cancelling requests
+
+The HTTP client also supports cancelling requests. This is useful if you want to cancel a request that is taking too long or if the user navigates away from the page. You can cancel a request by using the [AbortController API](https://developer.mozilla.org/en-US/docs/Web/API/AbortController). The `AbortController` API is a built-in API in modern browsers that allows you to cancel requests. You can use it directly with tryExecute:
+
+```javascript
+const abortController = new AbortController();
+
+// Cancel the request before starting it for illustration purposes
+abortController.abort();
+
+tryExecute(this, request, {
+    disableNotifications: true,
+    abortSignal: abortController.signal,
+});
+```
+
 ## Custom Generated Client
 
 The HTTP client is generated using the [@hey-api/openapi-ts](https://heyapi.dev/openapi-ts/get-started) library. This library allows anyone to generate a TypeScript client from an OpenAPI specification. The generated client provides a convenient way to make requests to that specific API with type-safety without having to manually write the requests yourself. You can consider generating a client. This can save you a lot of time and effort when working with custom API controllers.
@@ -76,7 +100,7 @@ import { UMB_AUTH_CONTEXT } from '@umbraco-cms/backoffice/auth';
 import { client } from './my-client/client.gen';
 
 export const onInit = (host) => {
-    host.consumeContext(UMB_AUTH_CONTEXT, async (authContext) => {
+    host.consumeContext(UMB_AUTH_CONTEXT, (authContext) => {
     // Get the token info from Umbraco
     const config = authContext?.getOpenApiConfiguration();
 
@@ -111,7 +135,7 @@ import { tryExecute } from '@umbraco-cms/backoffice/resources';
 import { umbHttpClient } from '@umbraco-cms/backoffice/http-client';
 
 const { data } = await tryExecute(this, getMyControllerAction({
-    client: umbHttpClient,
+    client: umbHttpClient, // Use Umbraco's HTTP client
 }));
 
 if (data) {