Missing type definitions for `s-popover` | Polaris Web Components

Polaris
1

I’m migrating my app from Polaris React to Polaris Web Components.

I have an issue with the s-popover component.

It already exists in the Docs: Popover. The code that uses this component also works fine when using app-bridge-ui-experimental.js, but there are no type definitions for it in the latest version of @shopify/app-bridge-ui-types (0.2.1).

I figured I could get rid of linter errors by adding something like:

declare module 'react' {
  namespace JSX {
    interface IntrinsicElements {
      's-popover': any;
    }
  }
}

But this is not a great long-term solution.

My question is, when are you guys planning to release the new version of @shopify/app-bridge-ui-types that will have type definitions for the s-popover component?

2

We’ve just published v0.3.1 which contains our new components. Let us know if you’re still missing any types

3

Thanks! Saw this a couple of hours ago. After updating to the newer version, all the linter errors have disappeared. Looks like the package has all the types I was missing.

4

So there are tons of people that are having the same issue but for all components. I’ve tried multiple things and some temp solutions that we shouldn’t have to do. My versions are:
“@shopify/app-bridge-types”: “^0.5.3”,
“@shopify/polaris-types”: “^1.0.1”,

and script tags:

However, whenever I always get

image
image1538×326 47.1 KB