11.5.1 or newer TypeScript issue with styled components

[bezenson]

Versions

• react-native-modal: 11.5.1 or newer
• react-native: 0.61.5
• react: 16.12.0
• styled-components: 4.4.1

Description

I see in change log was add TypeScript support. I use styled components and started get next error here:

const StyledModal = styled(Modal)`
  margin: 0;
`;

[mmazzarolo]

I'm not familiar with styled-components in react-native. Could it be because we need to expose the "style" prop in the TS interface?

[sakarisson]

Not sure exactly what is the reason, but it has to do with the typings of getDerivedStateFromProps

[aldebout]

@rewieer I'm wondering why you're closing this.
I understand the need for maintenance and I'd like to thank you for doing that work, but this issue is still in need of resolution ;)

[ammichael]

Why is this closed? This issue is still happening

[duspada]

I'm also getting this error...

[luisgurmendezMLabs]

Workaround for now (the styles are applying to the Modal):

const Modal = styled((ModalBase as any))

This error should be fix tho as it might introduce some bugs

[ancyrweb]

@aldebout having no feedbacks since December I archived it. Since it pops up, i'm going to reopen it.
I'm not using styled components, unfortunately.

[jianxiao-chen]

I'm also getting this error...

Workaround for now (the styles are applying to the Modal):

const Modal = styled((ModalBase as any))

This error should be fix tho as it might introduce some bugs

This works.

[agnislav]

The error still exists. Used the as any workaround

[Will-PlatformBuilders]

Persists on

react-native-modal: 11.10.0
react-native: 0.64.1
react: 17.0.2
styled-components: 5.3.0
@types/styled-components-react-native: 5.1.1

[ilanrot90]

still on

[SaidKherif]

Still on
"react-native-modal": "13.0.0",
"@emotion/native": "11.0.0",

[gabriel11447]

still on

"react-native-modal": "^13.0.0",
"react-native": "0.64.2",

[searesdavi]

Still on

[velcis]

Still on

[github-actions]

🎉 This issue has been resolved in version 13.0.1 🎉

The release is available on:

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

Your semantic-release bot 📦🚀

[lindan4]

This seems to be an issue with newer versions of TypeScript and/or styled-components.