Missing react types for 4 of the components

[Multiply]

When importing all five components, and creating a simple wrapper around them for easily rendering in one place, we're mostly seeing it accept any type, which is not neat.

Sample code:

import { Popover, PopupButton, Sidetab, SliderButton, Widget } from '@typeform/embed-react'
import React, { ComponentProps } from 'react'

type EmbedReactProps =
  | { type: 'popover' } & ComponentProps<typeof Popover>
  | { type: 'popup_button' } & ComponentProps<typeof PopupButton>
  | { type: 'sidetab' } & ComponentProps<typeof Sidetab>
  | { type: 'slider_button' } & ComponentProps<typeof SliderButton>
  | { type: 'widget' } & ComponentProps<typeof Widget>

const EmbedReact = ({ type, ...rest }: EmbedReactProps) => {
  switch (type) {
    case 'popover': return <Popover {...rest} />
    case 'popup_button': return <PopupButton {...rest} />
    case 'sidetab': return <Sidetab {...rest} />
    case 'slider_button': return <SliderButton {...rest} />
    case 'widget': return <Widget {...rest} />
    default: return null
  }
}

Please refer to my recording here for an example:

Screen.Recording.2024-03-06.at.05.32.10.mov

Edit:
I noticed the components are importing types from different folders, where @typeform/embed imports work, and @typeform/embed/types/base doesn't.

[typeform-ops-gha]

🎉 This issue has been resolved in version @typeform/embed-v4.10.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[typeform-ops-gha]

🎉 This issue has been resolved in version @typeform/embed-react-v3.17.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[leandro-serafim]

Hi, @Multiply.
We provided new types for the react components props in our last release (@typeform/embed-react-v3.17).

import { PopoverProps, PopupButtonProps, SidetabProp, SliderButtonProps, WidgetProps } from '@typeform/embed-react'

Thanks.

[Multiply]

I'll try out the latest version.

Edit: Thanks, the implementation I posted now work correctly, as it can extract the component props directly.