GeekyAnts
TypeScript for Input stops working after adding baseStyle to it in extendTheme
Description
TypeScript for Input stops working after adding baseStyle to it in extendTheme.
CodeSandbox/Snack link
No need.
Steps to reproduce
- Add baseStyle to Input in extendTheme and declare type according to the documentation For example:
const theme = extendTheme({
components: {
Input: {
baseStyle: props => {
return {
color: 'black'
}
}
}
}
})
type NativeBaseThemeType = typeof nativeBaseTheme
declare module 'native-base' {
interface ICustomTheme extends NativeBaseThemeType {}
}
-
Use an Input component and try prop suggestions
-
See that there are no prop suggestions
-
If we go further into the TypeScript file of the Input component, we will see this error:
NativeBase Version
3.4.25
Platform
- [ ] Android
- [ ] CRA
- [ ] Expo
- [ ] iOS
- [ ] Next
Other Platform
Visual Studio Code
Additional Information
No response
-
Use an Input component and try prop suggestions
-
See that there are no prop suggestions
-
If we go further into the typescript of the Input component, we can see this error:
Type alias 'IInputProps' circularly references itself.ts(2456)
NativeBase Version
3.4.25
Platform
- [ ] Android
- [ ] CRA
- [ ] Expo
- [ ] iOS
- [ ] Next
Other Platform
Visual Studio Code
Additional Information
No response
Hey @bao-multiIT , Thanks for reporting this. We will look into it.
@AshwiniKumar007 Just wondering, have you guys looked into this at all? It's preventing us from upgrading to the latest version of NativeBase as we'd have to manually add types to all of our callback props throughout our codebase, which we would rather not do.
