Observe router function

[mogadanez]

have follow code

export default (observer(({ component: C, ...rest }) => {
    const {authStore} = useStores()
    const {isAuthenticated} = authStore;
    return (
        <Route
            {...rest}
            render={props =>
                !isAuthenticated
                    ? <C {...props} {...rest} />
                    : <Redirect
                        to={"/"}
                    />}
        />
    )
}))

but in this example isAuthenticated not observed
In this particular case I can omit <Route< and do simple and its works fine

export default (observer(({ component: C, ...rest }) => {
    const {authStore} = useStores()
    const {isAuthenticated} = authStore;
    return  !isAuthenticated
                    ? <C {...props} {...rest} />
                    : <Redirect
                        to={"/"}
                    />
}))

but how can I make the initial sample works?

[danielkcz]

The observer can't see inside render prop (or any prop callback). You have to use <Observer>{() => <C... in this case.