actualmente hice un código, en el cual una pagina renderiza uno y otro componente, dependiendo del valor booleano de una propiedad pasada a través de MasStateToProps (debitCardFeatureFlagEnabled), el codigo funciona bien, la condicional que renderiza uno u otra pagina (Onboarding o DashBoard), funciona correctamente.
import * as React from 'react'
import { Redirect, Route, Switch, withRouter } from 'react-router'
import { connect } from 'react-redux'
import PropsType from 'prop-types'
import { RootState } from '~store'
import { authenticatedAppRoutes } from '~/components/app/authenticatedAppRoutes'
import { Dashboard } from './Dashboard/Dashboard'
import { Onboarding } from './Onboarding/Onboarding'
import { SupportedFeatureFlags, featureFlagEnabled } from '~types'
const { debitCard } = authenticatedAppRoutes
const mapStateToProps = ({ featureFlagState: { flags } }: RootState) => ({
debitCardFeatureFlagEnabled: featureFlagEnabled(flags.data || [], SupportedFeatureFlags.debitCard),
})
type Props = ReturnType<typeof mapStateToProps>
const DebitCardUnifiedSignalPresentation: React.SFC<Props> = ({ debitCardFeatureFlagEnabled }) => {
console.log(debitCardFeatureFlagEnabled)
return (
<Switch>
<Route exact={true} path={debitCard.path} component={debitCardFeatureFlagEnabled ? Onboarding : Dashboard} />
<Redirect to={debitCard.path} />
</Switch>
)
}
DebitCardUnifiedSignalPresentation.propTypes = {
debitCardFeatureFlagEnabled: PropsType.bool.isRequired,
}
export const DebitCardUnifiedSignal = connect(mapStateToProps)(withRouter(DebitCardUnifiedSignalPresentation))
Sin embargo el problema es que el IDE me señala el siguiente error:
error TS2345: Argument of type 'SFC<{ debitCardFeatureFlagEnabled: boolean; }>' is not assignable to parameter of type 'ComponentType<RouteComponentProps<any, StaticContext, any>>'.
Type 'FunctionComponent<{ debitCardFeatureFlagEnabled: boolean; }>' is not assignable to type 'FunctionComponent<RouteComponentProps<any, StaticContext, any>>'.
Types of property 'propTypes' are incompatible.
Type 'WeakValidationMap<{ debitCardFeatureFlagEnabled: boolean; }> | undefined' is not assignable to type 'WeakValidationMap<RouteComponentProps<any, StaticContext, any>> | undefined'.
Type 'WeakValidationMap<{ debitCardFeatureFlagEnabled: boolean; }>' has no properties in common with type 'WeakValidationMap<RouteComponentProps<any, StaticContext, any>>'.
Y no se por que, estoy obteniendo por parte del prop, el valor booleano que requiero, pero aun asi me dice que hay una incompatibilidad en el tipo de dato de este prop que no logro entender, me podrian ayudar? gracias.
Java
que quieres guardar unboolean
y en su lugar le pasas unString
, eso fallara debido a que los tipos son diferentes.