useAuthenticatedFetch is no more part of new @shopify/app-bridge-react, How can i make fetches that can provide with store authetication for shopify stores

Shopify CLI and Libraries
1

I developed a shopify app using mern template but shopify now made it necessary me update app-bridge-react but new version does not export useAuthenticatedfetch how am I supposed to authenticated fetch, any library/alternate for that?
Here is The terminal Error
RollupError: “useAuthenticatedFetch” is not exported by “node_modules/@shopify/app-bridge-react/dist/index.js”, imported by “pages/contentgenform.jsx”.
remote: at error (file:///app/frontend/node_modules/rollup/dist/es/shared/node-entry.js:2287:30)
remote: at Module.error (file:///app/frontend/node_modules/rollup/dist/es/shared/node-entry.js:13745:16)
remote: at Module.traceVariable (file:///app/frontend/node_modules/rollup/dist/es/shared/node-entry.js:14175:29)
remote: at ModuleScope.findVariable (file:///app/frontend/node_modules/rollup/dist/es/shared/node-entry.js:12615:39)
remote: at FunctionScope.findVariable (file:///app/frontend/node_modules/rollup/dist/es/shared/node-entry.js:7124:38)
remote: at ChildScope.findVariable (file:///app/frontend/node_modules/rollup/dist/es/shared/node-entry.js:7124:38)
remote: at Identifier.bind (file:///app/frontend/node_modules/rollup/dist/es/shared/node-entry.js:8319:40)
remote: at CallExpression.bind (file:///app/frontend/node_modules/rollup/dist/es/shared/node-entry.js:5892:23)
remote: at CallExpression.bind (file:///app/frontend/node_modules/rollup/dist/es/shared/node-entry.js:9890:15)
remote: at VariableDeclarator.bind (file:///app/frontend/node_modules/rollup/dist/es/shared/node-entry.js:5892:23)
remote: The command ‘/bin/sh -c cd frontend && npm install && npm run build’ returned a non-zero code: 1

2

Please check Resource Fetching

3

Make sure you have migrated to app-bridge v4

In v4, app-bridge injects authorization automatically into the global fetch function. So you no longer need to use the useAuthenticatedFetch hook.

1 Like
4

Thank you for this could you help me out with my question here I am trying to update Shopify app bridge react library from 3.7.X to 4.1.X

5

Thanks dude. After spending hours wondering why authenticatedFetch wasn’t working as expected I found your comment and realized fetch works.

ngl I should’ve tried that first… but I was referring to the shopify docs on token exchange. Shout out to you bro. TYSM