The @shopify/app-bridge-react
package v4.1.6 fails to be imported by a TypeScript project using moduleResolution: "node16"
in a CJS context.
This is indicated by the failure result in the very-handy are-the-types-wrong tool here: Are The Types Wrong? - Tool for analyzing TypeScript types of npm packages , which details the specific issue here Masquerading as ESM
Long story short, the package is using the same .d.ts
file for both CJS and ESM importers, and instead needs to use two different ones.