App Bridge React 4: Hook updates — drop useAuthenticatedFetch; update useAppBridge() usage

[mohab-sameh]

Hooks changed significantly; useAppBridge() now returns the shopify global, and auth is wired to global fetch. (Shopify)

Before

const app = useAppBridge();
const fetch = useAuthenticatedFetch();

After

const shopify = useAppBridge();
// use shopify.toast / resourcePicker APIs; use global fetch for auth

Detect:

• Imports/usage of useAuthenticatedFetch.
• Old patterns assuming useAppBridge() returns app.

Edge cases:

• SSR: useAppBridge() throws helpful errors if called outside browser context.

Reference:

• “Step 5: Update hooks” (table and useAppBridge notes):

  https://shopify.dev/docs/api/app-bridge/migration-guide#step-5-update-hooks (Shopify)