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
Please check Resource Fetching
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.
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